master

分支 (1)

管理

管理

master

slider_plugin
/
slider.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>轮播图插件</title>
    <link rel="stylesheet" type="text/css" href="styles/slider.css">
    <script type="text/javascript" src="../tab/js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="js/slider.js"></script>
</head>

<body>
    <div class="js-slider slider" data-config ='{"autoPlay":3000}'>
        <div class="btn">
        	<div class="pre-btn"><span></span></div>
        	<div class="next-btn"><span></span></div>
        </div>
        <ul>
            <li><img src="images/1.jpg"></li>
            <li><img src="images/2.jpg"></li>
            <li><img src="images/3.jpg"></li>
            <li><img src="images/4.png"></li>
            <li><img src="images/5.jpg"></li>
            <li><img src="images/6.jpg"></li>
        </ul>
    </div>
    <script type="text/javascript">
    // var slider = new Slider($(".js-slider"));
    // Slider.init($('.js-slider'));
    $('.js-slider').slider();
    </script>
</body>

</html>