js图片轮播

最新推荐文章于 2022-10-14 23:24:43 发布

kingboyrang

最新推荐文章于 2022-10-14 23:24:43 发布

阅读量789

点赞数

分类专栏： javascript 文章标签： function border div javascript scroll class

本文链接：https://blog.csdn.net/wlzwcr/article/details/5933636

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

</head>
<body>
    <div id="msgBox" class="scroll">
        <div>
             <a href="http://www.piikee.net" target="_blank"><img src="images/3.jpg" width="60px"
                height="45px" border="0" /></a></div>
        <div>
             <a href="http://www.orz123.com" target="_blank"><img src="images/4.jpg" width="60px"
                height="45px" border="0" /></a></div>
        <div>
             <a href="http://www.qqxk.net" target="_blank"><img src="images/1.jpg" width="60px"
                height="45px" border="0" /></a></div>
        <div>
             <a href="http://caipiao.qqxk.net" target="_blank"><img src="images/2.jpg" width="60px"
                height="45px" border="0" /></a></div>
        <div>
             <a href="http://tejia.qqxk.net" target="_blank"><img src="images/game01.jpg"
                width="60px" height="45px" border="0" /></a></div>
        <div>
             <a href="http://www.ctbuxiu.com" target="_blank"><img src="images/member.jpg"
                width="60px" height="45px" border="0" /></a></div>
    </div>
    <script language="javascript" type="text/javascript">
        var myScoll = {
            parentObj: "",
            IsStart: false,
            TimeSpan: 0,
            counter: 0,
            currentObj: this,
            setTime: null,
            getObj: function () { return document.getElementById(this.parentObj); },
            getChildCount: function () { return this.getObj().getElementsByTagName("div"); },
            hideOjb: function () {
                var obj = this.getChildCount();
                var len = obj.length;

for (var i = 0; i < len; i++)
obj[i].style.display = "none";

            },
            startScroll: function () {
                if (this.counter == this.getChildCount().length) {
                    this.getChildCount()[this.counter - 1].style.display = "none";
                    this.counter = 0;
                }
                if (this.IsStart) {
                    if (this.counter > 0) { this.getChildCount()[this.counter - 1].style.display = "none"; }
                    this.getChildCount()[this.counter].style.display = "block";
                    this.counter++;
                }
            },
            stopScroll: function () { this.IsStart = false; },
            restartScroll: function () { this.IsStart = true; },
            AddEvents: function () {
                var obj = this.getObj();
                if (obj.attachEvent) { obj.attachEvent("onmouseover", this.stopScroll); obj.attachEvent("onmouseout", this.restartScroll); }
                else { obj.addEventListener("onmouseover", this.stopScroll, false); obj.addEventListener("onmouseout", this.restartScroll, false); }
            },
            init: function () {
                this.AddEvents(); this.TimeSpan = 1000; this.IsStart = true; this.hideOjb();
            }