大佬教程收集整理的这篇文章主要介绍了jquery – 如何在鼠标悬停时立即停止jcarousel并继续mouseout,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有3个jcarousel实例,我的目标是在鼠标悬停时停止(立即)移动.
问题是:当鼠标在旋转木马上时,我停止它,但当前的过渡在停止之前结束,并且感觉不是所希望的,我希望在鼠标悬停时立即停止移动.
这是第一个轮播的初始化:
$('#jcarousel1') .jcarousel({ 'animation': { 'duration': 6000,//DEFINE SPEED 'easing': 'linear','complete': function() { //ON ANIMATION COMPLETE ACTION GO HERE } },'wrap': 'circular' }).jcarouselAutoscroll({ interval: 1,target: '+=1',autostart: true }).on('mouSEOver',function(E){ $(this).jcarouselAutoscroll('stop'); }).on('mouSEOut',function(E){ $(this).jcarouselAutoscroll('start'); });
其他两个jcarousel实例初始化相似.
更新:
我已经尝试过:
$('#jcarousel1').jcarousel('list').stop();
这会停止移动(滚动),但是我无法在鼠标移出时再次以与之前相同的位置开始移动.
更新1:
我也尝试过mouSEOut(让它再次运行)
$('#jcarousel1').jcarousel('destroy') $('#jcarousel1').jcarousel( arrayWithInitOptions )
但这会产生不良影响,因为从第一个项目开始从旋转木马的开始(重新加载)开始移动,我想从鼠标悬停时的相同位置重新开始.
<script type="text/javascript" src="jquery.jcarousel.min.js"></script> <script type="text/javascript"> function mycarousel_initCallBACk(carousel) { // Pause autoscrolling if the user moves with the cursor over the clip. carousel.clip.hover(function() { carousel.stopAuto(); },function() { carousel.startAuto(); }); }; jQ=jQuery.noConflict(); jQ(document).ready(function() { jQ('#mycarousel').jcarousel({ auto: 3,animation: 1000,scroll: 1,easing: "linear",wrap: 'circular',initCallBACk: mycarousel_initCallBACk }); }); </script>
以上是大佬教程为你收集整理的jquery – 如何在鼠标悬停时立即停止jcarousel并继续mouseout全部内容,希望文章能够帮你解决jquery – 如何在鼠标悬停时立即停止jcarousel并继续mouseout所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。