滚动轮播效果，.net 没得混看来只能去写js 了

<!DOCTYPE html>
<html>
<head>
    <title>
        滚动图片
    </title>
    <style type="text/css">
        .imageBox{
            height: 438px;
            width: 960px;
            overflow: hidden;
            position:relative;
            margin: auto;
        }
        .scrollContainer{
            width: 4800px;
            height: 438px;
            padding: 0px;
            position: absolute;
            top: 0px;
            left:0px;
        }
        .scrollImg{
            width: 960px;
            height: 435px;
        }
        .scrollContainer li{
            float: left;
            display: list-item;
        }
        .content{
            margin: auto;
        }
    </style>
    <meta charset="utf-8" />
    <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
</head>
<body>
    <div class="content">
        <div class="imageBox">
            <ul class="scrollContainer">
                <li>
                    <img class="scrollImg" src="http://www.gettyimagesgallery.com/Images/services/ph_01.jpg" />
                </li>
                <li>
                    <img class="scrollImg" src="http://www.gettyimagesgallery.com/Images/services/ph_02.jpg" />
                </li>
                <li>
                    <img class="scrollImg" src="http://www.gettyimagesgallery.com/Images/services/ph_03.jpg" />
                </li>
                <li>
                    <img class="scrollImg" src="http://www.gettyimagesgallery.com/Images/services/ph_04.jpg" />
                </li>
                <li>
                    <img class="scrollImg" src="http://www.gettyimagesgallery.com/Images/services/ph_01.jpg" />
                </li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        var baseNum = 960;
        var imgNum = 5, initNum = 0;
        var interval = setInterval(function(){
            if(initNum == imgNum){
                initNum = 0;
                $(".scrollContainer").css({"marginLeft" : "0px"});
            }
            $(".scrollContainer").animate({"marginLeft": -baseNum * initNum + "px"}, 1500);
            initNum++;
        }, 2000);
        

        
    </script>
</body>
</html>

相关阅读:
WebRTC之完整搭建Jitsi Meet指南
使用Jibri进行Jitsi Meet视频录制
完整开源免费视频会议Jitsi-meet安装教程
iOS聊天起泡(背景图片被拉伸不变形)----转载--待验证
技术人对赚钱的思考与摸索
模板引擎的思考
SpringBoot单文件与多文件上传
数据库被删之反思
分布式配置中心之思考
正版office产品密钥-激活码

原文地址：https://www.cnblogs.com/zlfucku/p/6227831.html