无缝滚动案例简单实现代码

JavaScript

 <!doctype html>

<html>

<meta charset="utf-8">

<head>

    <title></title>

    <style>

        .show{width:200px;overflow: hidden;}

        .box{width:400px;height:100px;position:relative;}

        .box div{float:left;width:100px;height: 100px;background-color: red;}

    </style>

    <script src="jquery.js"></script>

</head>

<body>

    <div class="show">

    <div class="box">

    <div style="background-color:red;">1</div>

    <div style="background-color:green;">2</div>

    <div style="background-color:red;">1</div>

    <div style="background-color:green;">2</div>

    </div>

    </div>

    <script>

        function m(){

            $(".box").animate({left:-200},2000,"linear",function(){

        $(".box").css({left:0})

        setTimeout(m,0)

    })

        }

m()

    </script>

</body>

</html>

相关内容推荐

js一些知识

一、词法结构 1、区分大小写 2、注意 // 单行 3、字面量(直接量literal) 12//数字 5.8 // 小数 hello 'hello' true /js/gi//正则 null //空 {x:1,y:2} [1,2,3,4] 4、标示符(变量)和保留字 5、分号可以省略但是

返回
顶部