45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:jQuery点击小图片淡入淡出显示大图片的实例

jQuery点击小图片淡入淡出显示大图片的实例

2015-09-27 19:05:20 来源:www.45fan.com 【

jQuery点击小图片淡入淡出显示大图片的实例

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

jQuery点击小图片淡入淡出显示大图片的实例

在线预览 源码下载

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>

本文地址:http://www.45fan.com/bcdm/22393.html
Tags: 实现 jquery 点击
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部