jQuery实现点击小图片淡入淡出显示大图片特效

本文给大家分享基于jquery实现的一款图片特效,当点击小图片时会淡入淡出大图片,通过定义需要展示的图片以及图片要展示的时间,来实现这一效果,感兴趣的朋友跟着小编一起来学习吧

分享一款基于jQuery点击淡入淡出显示图片特效。这是一款基于jQuery+CSS3实现酷炫效果的图片切换特效代码。效果图如下:

jQuery实现点击小图片淡入淡出显示大图片特效

在线预览    源码下载

html代码:

<center><p>点击图标进行展示</p></center> <div> <div></div> <div></div> </div> <script type="text/javascript"> /*定义需要展示的图片以及图片的展示时间*/ $(document).ready(function () { $('#coolShow').coolShow({ imgSrc: ['images/1.png', 'images/2.png', 'images/3.png'], speed: 40 }); }); </script>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgggxy.html