- 资源介绍
漂亮的全屏背景图片跟随手风琴图片一起切换的jQuery图片手风琴切换特效。
js代码
<script type="text/javascript" src="https://img.x22t.com/file/2020/04/25/71833f08efa3c0a6f9e661eff9dccbd32374.js"></script> <script type="text/javascript"> (function(){ $("#wrap li").mouseover(function(){ if(!$(this).hasClass("curr")){ $("#wrap li").removeClass("curr"); $(this).addClass("curr"); // 切换背景 $("#wrap li").each(function(index){ if($(this).hasClass("curr")){ $(".bg").fadeOut(300); $(".bg:eq(" + index + ")").fadeIn(500); } }); $(".curr").stop().animate({ width: 700 }, 500, "linear"); $("#wrap li").not(".curr").stop().animate({ width: 100 }, 500, "linear"); } }); })() </script>
猜你喜欢
-
HTML5电子合同翻页效果代码
2020-08-12 -
网店商品图片放大镜效果代码
2020-08-12 -
WordPress主题风格淘宝客模板以灰色为主打+聚集人气和互动
2020-08-05 -
CSS3鼠标悬停图片显示描述
2020-08-12 -
全新资源网/教程网/下载站网站Emlog主题模板源码
2022-12-03 -
滚筒式洗衣机洗衣动画代码
2020-08-12 -
迅雷看看动漫频道焦点图代码
2020-08-12 -
jQuery图片自动播放器代码
2020-08-12 -
斯柯达汽车产品宣传幻灯片
2020-08-12 -
55BBS网站首页jQuery焦点图代码
2020-08-12
-
css3动画圆形导航菜单js特效代码
2017-05-10 -
jQuery+CSS3左侧固定导航栏子菜单3d展开动画特效
2017-06-18 -
页面右侧漂浮窗广告代码
2020-08-12 -
jQuery点击图片弹出层相册代码
2020-08-12 -
Thinkphp内核极致cms清新博客源码TinKe
2021-08-09 -
WordPress网址导航主题:简洁响应式主题巴巴风格模板
2020-08-05 -
Facebook动态GIF图片播放暂停代码
2020-08-12 -
自定义图片切换焦点图代码
2020-08-12 -
jQuery照片墙小图合成大图动画代码
2020-08-12 -
微信空白朋友圈,教程,手机微信发空白朋友圈技巧
2020-05-19
猜你在找
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery全屏背景跟随手风琴图片切换特效
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery全屏背景跟随手风琴图片切换特效