<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = gb2312 "/> <title> classic interval rolling news (image ), controllable scrolling </title> <base target = "_ blank"> <style> * {margin: 0; padding: 0; border: 0; list-style: none ;} body {font: 12px Verdana, Geneva, sans-serif; Line-height: 18px; color: #333;} a {text-decoration: none; color: #004285; font-size: 14px; font-weight: bold;}: hover {text-decoration: underline; color: # C33 ;}. rig {border: 1px solid # dedede; width: 282px; margin-bottom: 5px; position: relative; background: # fff ;}# qy a {font-size: 12px ;} h5 span a {font-size: 12px; font-weight: normal; color: #333;} h5 {padding: 0 10px; font-size: 14px; height: 30px; line-height: 30px; background: url (/Upload/201005/20100530223157155 .jpg? 1259835263) left center repeat-x; border-bottom: 1px solid # dedede;} span {float: right ;} </style> </pead> <body> More> excellent enterprise topics <ul> <li id = "tab1"> <table border = '0' cellspacing = '0 'cellpadding = '0' width = '256px '> <tr> <td height = '70'> </td> </tr> <td height = '24 '> enter the topic <p> Home of feet </p> </td> </tr> <td height = '70'> </td> </tr> <tr> <td height = '24'> webmaster query 2 <p> Baidu 2 </p> </td> </tr> <td height = '70'> </td> </tr> <td height = '24'> webmasters query <p> Baidu </p> </td> </tr> </ table> </li> <li id = "tab2"> </li> </ul> <style> # btm {position: absolute; right: 0; top: 60px; width: 12px; height: 43px; background: url (/upload/201005/20100530223157574 .gif) no-repeat; overflow: hidden ;} # btm a {display: block; height: 22px ;}# btm a # up: hover {background: url (/upload/201005/20100530223157574 .gif)-13px top no-repeat ;} # btm a # dw: hover {background: url (/upload/201005/20100530223157574 .gif)-26px-22px no-repeat ;}</style> <script> var qoMarquee = document. getElementById ("qy"); // The scrolling object var tab1 = document. getElementById ("tab1"); var tab2 = document. getElementById ("tab2"); var qiLineHeight = 94; // Single Row Height, pixel IE var qiLineCount = 0; // the actual number of rows var qiScrollAmount = 2; // The height of each scroll, pixel (speed) var speed1 = 3000; // each stay time var speed2 = 1; // The Rolling Speed var num = qoMarquee. getElementsByTagName ('img '). length; // total tab2.innerHTML = tab1.innerHTML; var alink = document. getElementById ('btm '). getElementsByTagName ('A'); for (var I = 0; I </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]