- 资源介绍
漂亮的全屏背景图片跟随手风琴图片一起切换的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>
猜你喜欢
-
CSS3灯泡发光动画代码
2020-08-12 -
HTML5全屏幻灯片背景切换效果
2020-08-12 -
CSS3宽屏滑动下拉菜单导航特效
2017-04-01 -
当当网鼠标经过图片翻转效果
2020-08-12 -
jQuery+HTML5手机移动端遮罩弹出菜单代码
2017-07-03 -
JS图片拖拽瀑布流布局代码
2020-08-12 -
百度预测宽屏焦点图代码
2020-08-12 -
全屏响应式jQuery相册
2020-08-12 -
jQuery点击文字图片内容放大显示
2020-08-12 -
jquery省自治区城市地图代码
2020-08-12
-
HTML5微信朋友圈图片放大手机相册效果
2020-08-12 -
jQuery图文滚动点击图片切换代码
2020-08-12 -
jQuery两行图片列表滚动效果代码
2020-08-12 -
jQuery+CSS3弹性工具栏伸缩菜单代码
2017-06-16 -
带搜索功能的jQuery树形菜单代码
2017-07-24 -
SVG图片剪辑路径鼠标悬停效果
2020-08-12 -
jQuery多图上传预览代码
2020-08-12 -
jQuery图片场景标注弹出提示框
2020-08-12 -
jQuery自适应屏幕图片瀑布流布局代码
2020-08-12 -
jQuery+CSS3全屏导航菜单代码
2017-08-07
猜你在找
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery全屏背景跟随手风琴图片切换特效
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery全屏背景跟随手风琴图片切换特效