Javascript jquery layerslider:当鼠标滑过导航栏(nav)时停止layerslider
我正在使用jquery layerslider,当我将鼠标移到导航栏(nav)上时,想停止layersliderJavascript jquery layerslider:当鼠标滑过导航栏(nav)时停止layerslider,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用jquery layerslider,当我将鼠标移到导航栏(nav)上时,想停止layerslider //Java脚本代码 $('document').ready(函数() { //加载文档后对选定元素调用LayerSlider $(“#layerslider”)。layerslider({ 回答:是的, animateFirstLayer:false, 自动启动:错误, 皮肤:“默认值”, skinsPath:“/layerslider/skins/” //showCircleTi
//Java脚本代码
$('document').ready(函数()
{
//加载文档后对选定元素调用LayerSlider
$(“#layerslider”)。layerslider({
回答:是的,
animateFirstLayer:false,
自动启动:错误,
皮肤:“默认值”,
skinsPath:“/layerslider/skins/”
//showCircleTimer:false
});
$('.onHoverService').mouseover(函数(){
自动启动:错误
});
$('.onHoverService').mouseout(函数(){
自动启动:正确
});
});
//HTML代码
我试过上面的代码,但它不能正常工作。我是新手。提前感谢您的帮助。对于函数
layerSlider()
您正在传递包含属性或选项的对象文本{}
。现在要小心,因为调用mouseover()
时,情况不同。在本例中,您传递的参数是一个函数
,它将匿名实例化自身(它没有名称),如:
在您的例子中,我相信您希望调用滑块上jQuery的stop()
函数。
大致如下:
function(){
$('#layerslider').stop(true, true);
}
添加
pauseonhave:true,
例如:
$('#layerslider').layerSlider({
responsive: true,
pauseOnHover: true,
animateFirstLayer:false,
autostart:false,
skin : 'default',
skinsPath : '/layerslider/skins/'
// showCircleTimer:false
});
Avi是正确的,当您将鼠标悬停在滑块上时,您可以将其添加到您的onpage脚本中,从而轻松地将其设置为暂停。(从1.6版开始) 请参见哪些国家: “暂停悬停:对还是错
如果为真,当您将鼠标指针移到LayerSlider容器上时,幻灯片放映将暂停。“我知道juery stop函数。但是,在我的例子中,我使用的层滑块是一种插件,它使用的是“layerslider.kreaturamedia.jquery”js文件。这个文件有我没有得到的代码。你可以下载并看一看。我无法在其中找到动画功能。它的库文件。啊,对了,我一直在查找它,但它是
$.fn.animate
,不确定stop()
是否会在这里应用脚本animate background position.js?ver=2.3.0 ln。27
function(){
$('#layerslider').stop(true, true);
}
$('#layerslider').layerSlider({
responsive: true,
pauseOnHover: true,
animateFirstLayer:false,
autostart:false,
skin : 'default',
skinsPath : '/layerslider/skins/'
// showCircleTimer:false
});