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

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

2016-03-12 09:02:40 3005 1
!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; }
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:00:01

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

    0 0
相关问答

1

回答

如何使用jQuery / AJAX和PHP / MySQL根据选择的第一个下拉列表填充第?mysql

2020-05-17 14:23:46 328浏览量 回答数 1

1

回答

使用Jquery Ajax从Mysql检索数据

2020-05-10 21:40:48 389浏览量 回答数 1

1

回答

关于基于jquery的ajax数据传输的问题

2016-06-06 15:08:20 1695浏览量 回答数 1

1

回答

求助jquery中ajax直接跳到error之后才进入后台的原因

2016-06-03 15:01:34 2554浏览量 回答数 1

1

回答

关于jquery validate ajax验证的问题

2016-06-03 14:13:03 1667浏览量 回答数 1

1

回答

jquery+Ajax如何把菜单栏的id传递内容中去?

2016-06-02 18:44:01 2824浏览量 回答数 1

1

回答

怎样通过jQuery ajax获取c:foreach遍历的cheakbox复选框选中的值

2016-06-02 16:57:19 4686浏览量 回答数 1

1

回答

求助springMVC中@response和jquery的ajax提取报406错误

2016-05-31 18:08:01 2194浏览量 回答数 1

1

回答

关于jquery以及bootstrap合并使用ajax兼容性问题

2016-05-31 15:40:54 2899浏览量 回答数 1

1

回答

jquery里面ajax自动补全jsonp回调函数名如何实现的以及jq使用了哪些http方法?

2016-05-31 11:44:52 3451浏览量 回答数 1
文章
问答
问答排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载