jquery插件unsilder属性

·随便·

于 2019-03-21 14:58:32 发布

阅读量196

点赞数

分类专栏： jquery 文章标签： unslider

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    </meta>
    <title></title>
</head>
<body>
    <div  id="banner">
        <ul>
            <li>
                <img src="img/1.jpg" alt="">
            </li>
            <li>
                <img src="img/2.jpg" alt="">
            </li>
            <li>
                <img src="img/3.jpg" alt="">
            </li>
          
        </ul>
    </div>
</body>
</html>
<script type="text/javascript" src="/js/unslider.min.js"></script>
<script>
 $("#banner").unslider({
	 		speed: 500,     // 动画过渡的速度(毫秒),如果不需要过渡效果就设置为false  
            delay: 3000,    // 每张幻灯片的间隔时间(毫秒), 如果不是自动播放就设置为false  
            init: 0,        // 初始化延迟时间(毫秒),如果不需要延迟就设置为false  
            pause: !f,      // 当鼠标指针浮动在当前区域内时是否暂停自动播放  
            loop: !f,       // 是否无尽循环播放  
            keys: f,        // 是否开启键盘导航  
            dots: f,        // 是否显示导航点  
            arrows: f,      // 是否显示向前和向后的箭头  
            prev: '←',     // 向前按钮中的显示文字(或html片段)  
            next: '→',     // 向后......  
            fluid: f,       // 是否宽度自适应  
            starting: f,    // 在每个动画前调用的函数  
            complete: f,    // 在每个动画之后调用的函数  
            items: '>ul',   // 幻灯片的容器选择器  
            item: '>li',    // 需要滚动的选择器  
            easing: 'swing',// 动画的缓动函数(easing function)  
            autoplay: true  // 是否允许自动播放  
        })

</script>