本文给大家分享基于jquery实现的一款图片特效,当点击小图片时会淡入淡出大图片,通过定义需要展示的图片以及图片要展示的时间,来实现这一效果,感兴趣的朋友跟着小编一起来学习吧
分享一款基于jQuery点击淡入淡出显示图片特效。这是一款基于jQuery+CSS3实现酷炫效果的图片切换特效代码。效果图如下:
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>
您可能感兴趣的文章: