To implement the rolling effect of the Bulletin column loop, directly put the code:
<!doctype html><!--jq110--><html></body></html><head><meta charset="Utf-8"><title>Tianzi Code</title><script type="text/javascript" src="Jquery-2.1.3.min.js"> </script><script type="Text/javascript">$ (function(){ setinterval (function(){var x=$ ( "Ul>:first"). Clone (true); $ ("ul"). Append (x); $ ("Ul>:first"). Remove (); }) }) </script><style type="Text/css">*{ padding: 0; margin: 0; }Body{ margin: px;} ul{ list-style: none;} Li{ height: px; line-height: px; }</style></head><body><ul> <li>First Announcement 1</li> <li>Article II Announcement 2</li> <li>Article III Announcement 3</li> <li>Fourth Announcement 4</li> <li>Fifth Announcement 5</li> <li>Sixth announcement 6</li> <li>Seventh Announcement 7</li> <li>Eighth Announcement 8</li> <li>Nineth Announcement 9</li> <li>Tenth Announcement 10</li></ul></body></html>
jquery Scrolling Announcement Demo