Javascript OnebyOne.js脚本支持
您好,我有这个脚本,但我想在它里面添加,当我在上面停下来时,它会停止动画,当我不在时,它会正常完成动画。它Javascript OnebyOne.js脚本支持,javascript,jquery,html,jquery-ui,user-experience,Javascript,Jquery,Html,Jquery Ui,User Experience,您好,我有这个脚本,但我想在它里面添加,当我在上面停下来时,它会停止动画,当我不在时,它会正常完成动画。它 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script src="js/onebyone/jquery.onebyone.js"></script> <script type="text/javascript" charset="utf
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script src="js/onebyone/jquery.onebyone.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#banner').oneByOne({
className: 'oneByOne1', // the wrapper's name
easeType: 'fadeInDown', //'fadeInLeft', // the ease animation style
width: 580, // width of the slider
height: 200, // height of the slider
delay: 300, // the delay of the touch/drag tween
tolerance: 0.25, // the tolerance of the touch/drag
enableDrag: true, // enable or disable the drag function by mouse
showArrow: true, // display the previous/next arrow or not
showButton: false, // display the circle buttons or not
slideShow: true, // auto play the slider or not
slideShowDelay: 5000 // the delay millisecond of the slidershow
});
});
</script>
$(文档).ready(函数(){
$(“#横幅”)。一个接一个({
className:'oneByOne1',//包装器的名称
easeType:‘fadeInDown’,//‘fadeInLeft’,//轻松动画样式
宽度:580,//滑块的宽度
高度:200,//滑块的高度
延迟:300,//触摸/拖动之间的延迟
公差:0.25,//触摸/拖动的公差
enableDrag:true,//通过鼠标启用或禁用拖动功能
showArrow:true,//是否显示上一个/下一个箭头
showButton:false,//是否显示圆圈按钮
slideShow:true,//是否自动播放滑块
slideShowDelay:5000//Slideshow的延迟毫秒
});
});
上有一个明确的通知:
鼠标悬停时是否暂停幻灯片放映?请通过我的个人资料页面的联系方式给我留言。我可以将更新源发送给您
我建议您这样做。这个问题提供了一些关于在jQuery中暂停并随后恢复动画的资源,这可能很有用:我还想看看
.hover
方法。