Js间断连续的⽂字滚动代码
Js间断/连续的⽂字滚动代码
Js⽂字滚动代码，可设置间断滚动和连续滚动。滚动时是向上滚动的，控制Li列表滚动，兼容性表现地不错，兼容IE/⽕狐、Opera等浏览器，代码如下：
01<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
02<html>
03<head>
04<title>⽂字间隔滚动代码-兼容IE和FireFox</title>
05<style type="text/css">
06<!--
07body {
08    text-align:center;
09}
10ul{
11margin:0px;
12padding:0px;
13list-style:none;
14}
15#andyscroll {
16    overflow: hidden;
17    background: #E8F8F8;
18    padding: 0 10px;
19    text-align: left;
20    width:400px;
21    height:100px;
22    overflow:hidden;
23}
24#andyscroll a {
25    font:12px/18px tahoma;
26    color: #000;
27    float:left;
28    width:100%;
29    text-decoration: none;
30    display:block;
31}
32#andyscroll a:hover {
33    font:12px/18px tahoma;
34    color: #F60;
35}
36-->
37</style>
38</head>
39<body>
40<div id="andyscroll">
41<div id="scrollmessage">
42<UL>
43<li><a href="#">完全兼容IE, FF, Opera, ⽂字间断滚动测试……</a></li>
44<li><a href="#">完全兼容IE, FF, Opera, ⽂字间断滚动测试……</a></li>
45<li><a href="#">完全兼容IE, FF, Opera, ⽂字间断滚动测试……</a></li>
46<li><a href="#">完全兼容IE, FF, Opera, ⽂字间断滚动测试……</a></li>
47<li><a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a></li>
48<li><a href="#">完全兼容IE, FF, Opera, ⽂字间断滚动测试……</a></li>
49<li><a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a></li>
50<li><a href="#">完全兼容IE, FF, Opera, ⽂字间断滚动测试……</a></li>
51<ul>
52</div>
53</div>
54<script type="text/javascript">
55var stopscroll = false;
56var scrollElem = ElementById("andyscroll");
57var marqueesHeight = scrollElem.style.height;
60var preTop = 0;
61var currentTop = 0;
62var stoptime = 0;
63var leftElem = ElementById("scrollmessage");
64scrollElem.appendChild(leftElem.cloneNode(true));
字符串长度可以用lenngtn吗js65init_srolltext();
66function init_srolltext(){
67    scrollElem.scrollTop = 0;
68    setInterval('scrollUp()', 35);//确定滚动速度的, 数值越⼩, 速度越快69}
70function scrollUp(){
71    if(stopscroll) return;
72    currentTop += 1; //设为1, 可以实现间歇式的滚动; 设为2, 则是连续滚动
73    if(currentTop == 19) {
74        stoptime += 1;
75        currentTop -= 1;
76        if(stoptime == 180) {
77            currentTop = 0;
78            stoptime = 0;
79        }
80    }else{
81        preTop = scrollElem.scrollTop;
82        scrollElem.scrollTop += 1;
83        if(preTop == scrollElem.scrollTop){
84            scrollElem.scrollTop = 0;
85            scrollElem.scrollTop += 1;
86        }
87    }
88}
89</script>
90</body>
91</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。