一个位置的会议通知上下滚动

<div class="shell">
<span>公示公告:</span>
<div id="div1">
<a href="">会议通知一</a>
<a href="">会议通知二</a>
</div>
</div>
<script type="text/javascript">
var box = document.getElementById("div1"), can = true;
box.innerHTML += box.innerHTML;
box.onmouseover = function () { can = false };
box.onmouseout = function () { can = true };
new function () {
var stop = box.scrollTop % 18 == 0 && !can;
if (!stop) box.scrollTop == parseInt(box.scrollHeight / 2) ? box.scrollTop = 0 : box.scrollTop++;
setTimeout(arguments.callee, box.scrollTop % 18 ? 10 : 1500);
};
</script>
.shell{ width:770px; float:right; display:inline; height:42px; line-height:42px;}
.shell span{ color:#ca0003; float:left; display:inline;}
#div1{ width:690px;height:18px; line-height:18px; overflow:hidden; margin-top:13px; float:right; display:inline;}
#div1 a{ display:block;}

 

var box=document.getElementById("MessageList");        
                box.innerHTML += box.innerHTML;
                box.scrollTop = 0;
                var timer;
                function startMove(){
                    timer = setInterval(scrollUp,20);
                    box.scrollTop++;
                }
                function scrollUp(){
                    if(box.scrollTop%40 === 0){
                        clearInterval(timer);
                        setTimeout(startMove,2000);
                    } else {
                        box.scrollTop++;
                        if(box.scrollTop >= box.scrollHeight/2)
                        {
                            box.scrollTop = 0;
                        }
                    }
                }
                setTimeout(startMove,2000);

 

posted @ 2017-06-14 17:36  花影疏帘  阅读(95)  评论(0)    收藏  举报