1:The standard marquee
<marquee>Detail here</marquee>
Such as: <marquee direction=left behavior=alternate>direction, behavior</marquee>
<marquee>Detail here</marquee>
Such as: <marquee direction=left behavior=alternate>direction, behavior</marquee>
also: the parameters can be: scrollamount=25,scrolldelay=1000, bgcolor=pink,width=200,height=200 and so on...
advanced:
![]()
2:Most time we have more than one news
First:scroll one by one
advanced:
1
<marquee height="400" direction="up" width="500" bgcolor="#3366cc">
2<marquee height="50" direction="left" width="100%">
3<font style="font-size: 35px; color:#fff">MARQUEE</font>
4</marquee>
5</marquee>
6
2
3
4
5
6
1<table bgcolor="#EFEFEF">
2 <tr><td width="1" valign="top" >
3 <marquee direction="down" behavior="alternate" scrollamount=1 height="60">
4 <marquee direction="right" scrollamount=4 behavior="alternate" width="468">
5 ≮『 12345上山做和尚 』≯
6 </marquee>
7 </marquee>
8 </td>
9 <td width="468">
10 <marquee direction="up" behavior="alternate" scrollamount=1 height="60">
11 <marquee direction="left" scrollamount=4 behavior="alternate" width="468">
12 原来可以嵌套
</marquee>
13 </marquee>
14</td></tr></table>
2
3
4
5
6
7
8
9
10
11
12
13
14
2:Most time we have more than one news
First:scroll one by one
1![]()
Second: It's more "和谐" than the one above
1<div id="marquees" width="200px">
2 <font style="">
3 <a href="#">news one</a><br>
4 <br>
5 <a href="#">news two</a><br>
6 <br>
7 <a href="#">news three</a><br>
8 <br>
9 <a href="#">news four11111111111111111111111111111122222222222222222222222222222</a><br>
10 <br>
11</div>
12
13![]()
>
2
3
4
5
6
7
8
9
10
11
12
13
Third: It is almost like the second one
1<body leftmargin="0" topmargin="2" marginheight="0" marginwidth="0">
2 <center>
3 <h1>
4 JS不间断循环滚动</h1>
5 <table style="border-right: #666666 1px solid; border-top: #666666 1px solid; border-left: #666666 1px solid;
6 border-bottom: #666666 1px solid" cellspacing="0" cellpadding="0" width="750"
7 align="center" border="0">
8 <tbody>
9 <tr>
10 <td width="30">
11 <a href="#" onclick="clickdiv()" id="aa">向左</a>
12 </td>
13 <td>
14 <div id="demo" style="overflow: hidden; width: 750px; color: #ffffff">
15 <table cellspacing="0" cellpadding="0" align="left" border="0" cellspace="0">
16 <tbody>
17 <tr>
18 <td id="demo1" valign="top">
19 <table width="1710" height="116" border="0" cellpadding="0" cellspacing="0">
20 <tr>
21 <td width="171" background="pic_bg.jpg">
22 <div align="center">
23 内容一</div>
24 </td>
25 <td width="171" background="pic_bg.jpg">
26 <div align="center">
27 内容二</div>
28 </td>
29 <td width="171" background="pic_bg.jpg">
30 <div align="center">
31 内容三</div>
32 </td>
33 <td width="171" background="pic_bg.jpg">
34 <div align="center">
35 内容四</div>
36 </td>
37 <td width="171" background="pic_bg.jpg">
38 <div align="center">
39 内容五</div>
40 </td>
41 </tr>
42 </table>
43 </td>
44 <td id="demo2" valign="top">
45 </td>
46 </tr>
47 </tbody>
48 </table>
49 </div>
50 </td>
51 <td width="30">
52 <a href="#" onclick="Rclickdiv()" id="mcc">向右</a>
53 </td>
54 </tr>
55 </tbody>
56 </table>
57 </TD></TR></TABLE>
58 </center>
59
60![]()
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
That's all, I think it will be easy to understand with the code