向滑块添加"on hover pause"



我想知道是否可以在下面添加"悬停(用于幻灯片)暂停"?

<script type="text/javascript>
$(document).ready(function(){  
    $("#myController").jFlow({  
        slides: "#slides",  // the div where all your sliding divs are nested in  
        controller: ".jFlowControl", // must be class, use . sign  
        slideWrapper : "#jFlowSlide", // must be id, use # sign  
        selectedWrapper: "jFlowSelected",  // just pure text, no sign  
        width: "610px",  // this is the width for the content-slider  
        height: "235px",  // this is the height for the content-slider  
        duration: 400,  // time in miliseconds to transition one slide  
        prev: ".jFlowPrev", // must be class, use . sign  
        next: ".jFlowNext" // must be class, use . sign  
    });  
});  
</script>  

我正在遵循上的教程http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/关于创建滑块。我本来打算在wordpress主题中使用这个,我很想有一个"悬停",这样用户就可以暂停幻灯片来点击链接。

下载文件http://www.dlocc.com/downloads/jquery.flow.1.2.auto.pause.zip并替换为jquery.flow.1.2.js,就完成了。鼠标悬停时它将暂停。

相关内容

  • 没有找到相关文章

最新更新