图片突出显示案例html+css+jquery

图片突出显示案例html+css+jquery_第1张图片

 首先设置html内容和css样式

一个box盒子里面包含ul  ul里面有 8个li标签,每个li标签中有包含img图像标签

小技巧:     .box>ul>li*8>img     (快捷方式)     就会有如下所示代码,简化操作

        

html+css样式:

jquery代码这部分

首先引入jquery.min.js文件

再写其他script代码

第一种方法:

1、当鼠标移入ul中的li里面的时候,先让他自己快速用fadeTo()方法变亮。再让其他的(他的亲兄弟)变暗。

2、变亮第一次可以不用,如果不写的话,第二次移动到li上时,所有的都变暗。如图所示

图片突出显示案例html+css+jquery_第2张图片


3、用stop() 方法可以避免"排队"的现象发生

 

    
    
                    
                    

你可能感兴趣的:(javascript,编程,html,javascript,前端,html,动画,jquery)