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


Posted in Javascript onSeptember 09, 2015

分享一款基于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>
Javascript 相关文章推荐
通过Javascript创建一个选择文件的对话框代码
Jun 16 Javascript
JS Map 和 List 的简单实现代码
Jul 08 Javascript
JavaScript日期时间格式化函数分享
May 05 Javascript
PHP 数组current和next用法分享
Mar 05 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
Jul 30 Javascript
悬浮广告方法日常收集整理
Mar 18 Javascript
谈谈JavaScript的New关键字
Aug 26 Javascript
深入理解Angularjs中$http.post与$.post
May 19 Javascript
使用node搭建自动发图文微博机器人的方法
Mar 22 Javascript
es6 for循环中let和var区别详解
Jan 12 Javascript
Vue实现点击箭头上下移动效果
Jun 11 Javascript
Javascript实现关闭广告效果
Jan 29 Javascript
JS实现自动变化的导航菜单效果代码
Sep 09 #Javascript
使用impress.js制作幻灯片
Sep 09 #Javascript
谈谈impress.js初步理解
Sep 09 #Javascript
javascript实现base64 md5 sha1 密码加密
Sep 09 #Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
Sep 09 #Javascript
JavaScript中实现Map的示例代码
Sep 09 #Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
Sep 09 #Javascript
You might like
对javascript和select部件的结合运用
2006/10/09 PHP
php为字符串前后添加指定数量字符的方法
2015/05/04 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
IE8 引入跨站数据获取功能说明
2008/07/22 Javascript
javascript对象之内置对象Math使用方法
2010/04/16 Javascript
JQuery最佳实践之精妙的自定义事件
2010/08/11 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
js函数模拟显示桌面.scf程序示例
2014/04/20 Javascript
javascript中函数作为参数调用的方法
2015/02/09 Javascript
JQuery获取鼠标进入和离开容器的方向
2016/12/29 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
javascript中神奇的 Date对象小结
2017/10/12 Javascript
python实现得到一个给定类的虚函数
2014/09/28 Python
Python基于PyGraphics包实现图片截取功能的方法
2017/12/21 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
严选全球尖货,立足香港:Bonpont宝盆
2018/07/24 全球购物
如何向接受结构参数的函数传入常数值
2016/02/17 面试题
室内设计专业个人的自我评价
2013/10/19 职场文书
警校毕业生自我评价
2014/04/06 职场文书
淘宝客服专员岗位职责
2014/04/11 职场文书
安全伴我行演讲稿
2014/09/04 职场文书
群众路线个人自我剖析材料
2014/10/07 职场文书
单位接收函范文
2015/01/30 职场文书
大四学生个人总结
2015/02/15 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
幼儿园秋季开学通知
2015/07/16 职场文书
迎国庆主题班会
2015/08/17 职场文书
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android