AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
jquery图片淡入淡出,jquery淡入淡出,jquery淡入淡出效果

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

在线预览    源码下载

html代码:

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

jquery图片淡入淡出,jquery淡入淡出,jquery淡入淡出效果  
上一篇:JS实现自动变换的菜单效果代码  下一篇:JS实现自动变化的导航菜单效果代码