当前位置：首页 > 资讯 > 技术文档

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

时间：2021-02-28 04:11 编辑：来源：阅读：
扫一扫，手机访问

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

分享一款[b]基于jQuery点击淡入淡出显示图片特效[/b]。这是一款基于jQuery+CSS3实现酷炫效果的图片切换特效代码。效果图如下： [img]http://files.jb51.net/file_images/article/201509/201599113738535.png?201589113754[/img] [b][url=http://demo.jb51.net/js/2015/jquery-mouse-hover/]在线预览[/url] [url=http://xiazai.jb51.net/201509/yuanma/jquery-mouse-hover(jb51.net).rar]源码下载[/url][/b] [b]html代码：[/b]

<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>

全部评论(0)

上一篇：jQuery中closest和parents的区别分析
下一篇：7个有用的jQuery代码片段分享

资讯排行榜
更多>>