用jquery写了个图片切换效果,想让鼠标悬停图片时候图片停止切换,没有悬停则自动切换-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

用jquery写了个图片切换效果,想让鼠标悬停图片时候图片停止切换,没有悬停则自动切换

小旋风柴进 2016-03-12 09:02:40 2603
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



幻灯效果 var scrollDuration = 1000;//切换速度 var timeDuration = 2000;//等待时间 var scrollEasing = 'quadratic'; $(function() { $('#content').carouFredSel({ direction: 'down',//滑动方向 width: 480, height: 264, items: { visible: 1, width: 480, height: 264 }, scroll: { fx: 'directscroll', duration: scrollDuration, timeoutDuration: timeDuration, easing: scrollEasing, onBefore: function( data ) { data.items.old.animate({ 'margin-left': -140 }, scrollDuration, scrollEasing); data.items.visible.css({ 'margin-left': 264 }).animate({ 'margin-left': 10 }, scrollDuration, scrollEasing); } }//scroll end }) }) #box{ width:480px; height:264px; margin:-132px 0 0 -240px; position:absolute; top:50%; left:50%; overflow:hidden; } #content { position:absolute; width:480px; height:260px; bottom:0; left:0; } #content img { display:block; margin-right:10px; float:left; }
jquery图片切换自动切换 jquery图片切换 图片切换效果 jquery图片切换效果 jquery停止
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:00:01

    你可以给图片添加一个mouseenter()和mouseleave()事件,enter进图片时用stop()停止一切动画(或者关闭定时器),leave图片时开启定时器,这样就可以实现鼠标悬停了。

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

相似问题
最新问题
推荐课程