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

前端技术 2023/09/09 JavaScript

分享一款基于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>

本文地址：https://www.stayed.cn/item/24002

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案