Javascript implements scrolling effect code organization_javascript skills

1. First write the two most commonly used and simple scrolling codes
The codes are as follows:
Horizontal scrolling:
Scroll subtitle content horizontally
Vertical scrolling:
Vertical Scroll text content
2. Smooth and uninterrupted scrolling

Copy code Code As follows:

/* stop() start() cannot be used with The calling ID is in the same container. If the container does not have a default height, the height must be specified*/

3 There is stay scrolling
Code example:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled Document</title> <style type="text/css"> ul,li{margin:0;padding:0} #scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;} </style> <p> </p> <div id="scrollDiv">Multi-line scrolling demo: <ul> <li> </li> <li>This is the first line of the announcement title</li> <li>This is the second line of the announcement title</li> <li>This is the third line of the announcement title</li> <li>This is the fourth line of the announcement title</li> <li>This is the fifth line of the announcement title</li> <li>This is the sixth line of the announcement title</li> <li>This is the seventh line of the announcement title</li> </ul>This is the eighth line of the announcement title</div> <span id="btn1"> </span> <span id="btn2">Forward</span> Backward