Javascript code to implement horizontal or vertical scrolling of web content_javascript skills

There are two main parts, one is the scrolling content part; the other is the JS scrolling code part, which only has two sentences.

1. Traditional rolling code

<marquee scrollamount="2" loop="-1" scrolldelay="0" width="250"><div style="FILTER: glow(color=#FF0000,strength=4); COLOR: #ffffff; HEIGHT: 10px;WIDTH: 750px">Use Javascript to achieve horizontal scrolling of news content! </div></marquee>
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

Traditional scrolling code application effect It is relatively simple, and there are often browser compatibility issues. For example, on FIREFOX, the special effects of marquee will be invalid.

2. Scroll effect implemented by Javascript

<div style="width: 300px;overflow: hidden;" onmouseover="clearInterval(timer1);" onmouseout="go();"> <div style="position: relative;top: 0px;left: 0px;white-space: nowrap;color: #0000FF;" id="news"> <span id="headnew">Using Javascript to implement horizontal scrolling of news content 1</span> </div> </div> //The width and other parameters in the div tag can be adjusted by yourself
[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute
]

The above is the complete JS scrolling Code, if you want to achieve vertical scrolling, you only need to make simple modifications, that is, use the pixTop attribute of style. Excerpted from Tianyuan Blog