Jquery vertical announcement rolling implementation code
I think you have seen the announcement rolling and many implementation methods. The following describes how to use jquery to implement vertical announcement rolling. Do not miss it if you are interested.
The Code is as follows:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> untitled document </title>
<Script src = "jquery-1.7.2.js"> </script>
<Style>
*{
Padding: 0px;
Margin: 0px;
}
Ul {
List-style: none;
}
Li {
Line-height: 30px;
}
</Style>
</Head>
<Body>
<Ul>
<Li> 1111 </li>
<Li> 22222 </li>
<Li> 3333 </li>
<Li> 44444 </li>
<Li> 5555 </li>
<Li> 66666 </li>
</Ul>
<Script>
SetInterval (function (){
Var newList = $ ('ul: first '). clone (true );
$ ('Ul '). append (newList );
$ ('Ul: first '). remove ();
},2000 );
</Script>
</Body>
</Html>