问题描述
- 用jquery写了个图片切换效果，想让鼠标悬停图片时候图片停止切换，没有悬停则自动切换
-
<!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;
}
解决方案
你可以给图片添加一个mouseenter（）和mouseleave（）事件，enter进图片时用stop（）停止一切动画（或者关闭定时器），leave图片时开启定时器，这样就可以实现鼠标悬停了。
相关文章
- android-jsp 页面图片自动切换代码
- javascript-麻烦看下这段JQ代码，一点性能问题
- js-asp.net 鼠标悬停显示我自己在后台写的一些信息
- html边框，鼠标悬停效果问题
- 效果-C# 鼠标放到菜单上时切换背景图片
- javascript鼠标悬停事件！
- js-怎样不限制图片数量进行图片展示与切换？
- jquery cycle js-jquery.cycle.js进行图片切换的时候如何在图片上显示标题
- html则样将这张图片，用鼠标移去切换？？？？
- 代码 html-求高手帮忙写代码，HTML
【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！ 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- xfire调sap的webservice服务需要提供用户名密码
- android-service在接电话后停止的问题
- sql 插入 行过多-sql插入语句，一次插入过多，不让插入了
后三篇
- qq圈子 自动分组-qq圈子 的思路，本人要做个类似的微博应用
- 远程控制-实现电脑的远程登录控制
- android-Android，关于摄像头开发问题求指导！
(yq.aliyun.com)为您免费提供js-用jquery写了个图片切换效果，想让鼠标悬停图片时候图片停止切换，没有悬停则自动切换相关信息，包括
jquery
，
js
，
css
html
的信息
，所有js-用jquery写了个图片切换效果，想让鼠标悬停图片时候图片停止切换，没有悬停则自动切换相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_77609，您可以点击js-用jquery写了个图片切换效果，想让鼠标悬停图片时候图片停止切换，没有悬停则自动切换-手机站访问。
- 推荐产品
云数据库RDS
稳定可靠、可弹性伸缩的在线数据库服务，全球最受欢迎的开源数据库之一
立即查看
云服务器9.9元 限时抢购
6款热门基础云产品6个月免费体验；2款产品1年体验;1款产品2年体验
9.9元 立即购买
云服务器ECS
弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率
立即查看
开发者软件
开发者常用软件，超百款实用软件一站式提供
立即查看
-
热门标签
c#读取text每行...
qt图片表示问题
伪协议
安卓java
书签
红包
运行未响应
sql2005
运行时无法运行
avx
字符串按长度大小排序
entry
gcd socket
隔离
archivelog
tft闪烁
求告知 吐血
callstatemonitor
打包发布
heidisql
-
社区推荐
更多>
- 好东西来了！2017云栖大会400+份重磅资料下载
- 叮咚！您有一份2017杭州云栖大会参会指南待签收【持续更...
- 重磅发布背后：POLARDB的中国故事
- 传统应用层逻辑分库DB迁移阿里云DRDS+RDS分布式数...
- 海量用户实时定位和圈人 - 团圆社会公益系统(位置寻人\...
- 京颐CTO宋建康：如何应对系统高度分化异构的挑战，打造不...
- 经典网络迁移VPC最佳实践
- 揭秘IPHONE X刷脸认证的技术奥秘
- 5大场景护航企业成长，实例解析阿里云适应性网络架构
- 专访阿里云异构计算负责人：异构计算，GPU、FPGA、A...
-
看了此文的人还看了
- 内存-初始化值相同的两个int类型，栈中开辟几块空间
- 求教，cmake找不到库,帮帮忙，感激
- 怎么找不到微信订票的模块
- 新手求救-新手想做一个算法，求思路
- 怎么在mdi的父窗口下面分割出一个面板，装一个工具窗口？
- android studio 1.5导入EaseUI时 ...
- exe转成ocx的问题
- 关于将EXCEL和word转换为网页形式显示问题求助
- My97日期控件中在input中如何显示当前时间
- 求一篇文章的点击数
热门活动更多>
- 云服务器9.9元抢购
6款产品 6个月免费体验
查看详情>
- 搭建网站/应用首选
轻量应用服务器 45元/月
查看详情>
- 全新云服务器限时2折起
I/O优化，独享IP，性能提升20%
查看详情>
热点导航
- 高性能云服务器2折起
- 域名查询
- 网站域名whois查询
- 云计算
- 网站服务器价格
- 域名注册
- bootstrap table
- MySQL三节点
- MySQL读写分离
- 技术资料
- 阿里云邀请码
- product
- cfbundleidentifier报错
- echarts地图json数据
- webstorm开发javaweb
- 社区
- 技术
- 滚动条
- mysql upgrade
- ie浏览器不加载样式
- c primer 第五版
- java实现opc client
- post请求
- 支付宝同步和异步通知
- product1
- 三合一云商城建设
- 软件安装环境配置
- 技术
- 钉钉收费
- 问答
- 数据算法竞赛