文字不断滚动代码(向上滚动)

 11、用MARQUEE实现
 2
 3 < marquee  direction =方向  loop =循环次数  behavior =滚动形式  dataformatas =文字类型  width =字符滚动窗口的宽度  height =字符滚动窗口的高度  scrolldelay =每次循环的间隔时间  scrollamount =每次移动的长度  bgcolor =滚动窗口的背景颜色  >
 4
 5 …………要滚动的文字…………
 6
 7 </ marquee >
 8
 9 direction:这个标记是说明所要滚动的文字是向哪个方向滚动的,它的参数有:left,right,up,down
10
11              left:文字自右向左滚动
12
13              right:文字自左向右滚动
14
15              up:文字自下向上滚动
16
17              down:文字自上向下滚动
18
19 < marquee ></ marquee > 这个标记是IE特有的,NETSCAPE是浏览不到这效果的
20
21 loop:如果想让文字无限循环,则参数是"-1";如果不是可以自行设置循环次数
22
23 behavior:滚动形式,有scroll,alternate,slide等。
24             scroll:是以滚动的形式移动
25             alternate:是以来回的形式移动
26             slide:文字滚动出来后不再动
27
28 dataformatas:文字类型,参数为:html,text,css等等
29
30 width:你可以自行设置滚动窗口的宽度,大小是以像素为单位的,如100,150等,也可以用百分数表示,如50%
31
32 height:跟width一样是控制窗口的高度,大小也是以像素为单位的
33
34 scrolldelay:即是两次循环间的时间间隔,当一次循环结束后,第二次循环会在所设置的时间后出现,单位为毫秒。1秒=1000毫秒
35
36 scrollamount:每次移动的长度,以像素为单位
37
38 bgcolor:背景颜色,可以是16进制数,也可以是颜色名(请参看颜色表)
39
40
41 2。用JAVASCRIPT实现,功能强大
42
43 实现文字从下往上不间断的滚动
44
45 < HTML >
46 < HEAD >
47 </ HEAD >
48 < BODY >
49 < DIV  id =marqueey > 连续滚动的字1 < BR > 连续滚动的字2 < BR > 连续滚动的字3 < BR > 连续滚动的字4 < BR ></ DIV >
50 ExpandedBlockStart.gifContractedBlock.gif < SCRIPT  language =JavaScript >
51marqueeyHeight=140;      //定义高度
52stopscroll=false
53ExpandedSubBlockStart.gifContractedSubBlock.gifwith(marqueey){
54      style.width=0;
55      style.height=marqueeyHeight;
56      style.overflowX="visible";
57      style.overflowY="hidden";
58      noWrap=true;
59      onmouseover=new Function("stopscroll=true");
60      onmouseout=new Function("stopscroll=false");
61}

62document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
63preTop=0; currentTop=0;
64ExpandedSubBlockStart.gifContractedSubBlock.giffunction init(){
65      templayer.innerHTML="";
66ExpandedSubBlockStart.gifContractedSubBlock.gif      while(templayer.offsetHeight<marqueeyHeight){
67          templayer.innerHTML+=marqueey.innerHTML;
68      }

69      marqueey.innerHTML=templayer.innerHTML+templayer.innerHTML;
70      setInterval("scrollUp()",40);      //滚动速度控制,越大越慢
71}

72document.body.onload=init;
73ExpandedSubBlockStart.gifContractedSubBlock.giffunction scrollUp(){
74      if(stopscroll==truereturn;
75      preTop=marqueey.scrollTop;
76      marqueey.scrollTop+=1;
77ExpandedSubBlockStart.gifContractedSubBlock.gif      if(preTop==marqueey.scrollTop){
78          marqueey.scrollTop=templayer.offsetHeight-marqueeyHeight;
79          marqueey.scrollTop+=1;
80      }

81}

82
</ SCRIPT >
83 </ BODY ></ HTML >
84
85

转载于:https://www.cnblogs.com/jizhitao/archive/2009/10/05/1578144.html