当前位置:Gxlcms > JavaScript > jquery实现聚光灯效果的方法_jquery

jquery实现聚光灯效果的方法_jquery

时间:2021-07-01 10:21:17 帮助过:34人阅读

本文实例讲述了jquery实现聚光灯效果的方法。分享给大家供大家参考。具体分析如下:

有时网站需要用jquery实现一种图片聚光灯特效,当鼠标滑过单组中的单个图标时,当前高亮,其它图标变暗的这种类似图片聚光灯特效。其实现原理为首先先让鼠标触及到当前图片后,让其他图片全部透明化,然后显示出当前的提示语,当鼠标移开以后隐藏当前的提示语,让所有的背景颜色的透明度变回正常。这里就来介绍如何用jquery实现聚光灯效果

jquery实现聚光灯效果图如下所示:

jquery代码

代码如下:




jquery聚光灯插件制作jquery图片特效鼠标滑过图片当前图片高亮