jquery single line scrolling, batch multi-line scrolling, text and picture scrolling effect code_jquery

After running the following code, you need to refresh it before loading jquery, otherwise you will not see the effect.
1. Single line scrolling effect

<meta http-equiv="Content-Type" c> <title>Untitled Document</title> <style type="text/css"> ul,li{margin:0;padding:0} #scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;} </style> <div id="scrollDiv"> <ul> <li> </li> <li>Baidu www.baidu.com</li> <li>Script Home www.jb51.net</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>
[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute
]
Two, more Row scrolling effect

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> </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>Untitled Document <p> </p> <div id="scrollDiv"> <ul> <li>Multi-line scrolling demo: </li> <li> </li> <li>Baidu www.baidu.com</li> <li>Script Home www.jb51.net</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> </ul>This is the seventh line of the announcement title</div> This is the eighth line of the announcement title