突出显示

1.首先在body标签里面给他一个div然后在给div设置一个类名，在div里面给他一个ul标签，在ul里面在给他一个li标签在li标签里面给他一个a标签在a标签里面的herf给他一个#符号然后在a标签里面给他一个img标签然后倒入我们的图片

 

2.然后在title下面给他一个style标签给他一个type=’’text/css’’,然后在style里面给他一个通配符设置他的margin值为0然后设置padding为0，然后设置ul{list-style：none}就可以把ul的小圆点去掉，然后设置body的背景颜色为黑色

 

3.在设置wrap的margin外边距为100像素，居中 0；在设置宽为630高为394，padding内边距为10px 0 0 10px，在设置他的颜色为黑色，overflow：hidden设置隐藏，在设置border为1px solid 白色，在设置wrap li的左浮动，margin外边距为0  10px  10px  0; wrap img设置他的宽为200px height为186px， display：block ，border为0

 

4.在style下面写script标签倒入一个插件，然后script标签里面写一个页面加载首先一个$符号（function(){}）然后先获取到下面所有的li标签，然后鼠标移入的时候设置他一个透明度就行了，然后$符号找到ul下面的所有li标签找到他之后，鼠标移入的时候设置当前这个this他有一个.css设置他的透明度opacity为1，然后他的兄弟元素设置为暗一点siblings找到这个li，设置他的css在设置他的透明度为0.3，$找他他的类(“.wrap”)然后注册一个离开事件，$(this)find(“li’’)找到他的li设置他的透明度为1

 

 

这是我所学到的突出显示，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔