js实现的类marquee水平循环滚动_javascript技巧

演示代码:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>My Marquee Halign</title> <style> /*My Marquee CSS Start*/ .my_marquee_info{width:200px;border:#987654 solid 1px;padding:20px 3px 3px 2px;margin-top:30px;} .my_marquee_main{width:200px;height:160px;border:#234567 solid 1px;padding:2px 3px 3px 2px;overflow:hidden;} .my_marquee_div1{width:195px;border:Green solid 1px;} .my_marquee_div2{width:195px;border:Red solid 1px;} /*My Marquee CSS End*/ </style> <div id="www_qpsh_com" style="overflow: hidden; height: 140px; width: 800px;"> <table align="left" cellpadding="0" cellspace="0" border="0"><tr> <td id="www_qpsh_com1" valign="top"> <table border="0" cellpadding="0" cellspacing="10"><tr> <td height="96" align="center" valign="middle" style="background-color:Green;" title="我是第一个"> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"border="0" src="/default/index/img?u=NzAwNTY1ODM1Nzk3My5qcGc=" hspace="11" vspace="5" alt="js实现的类marquee水平循环滚动_javascript技巧" title="js实现的类marquee水平循环滚动_javascript技巧"><center> 训练场地</center> </td> <td height="96" align="center" valign="middle"> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"border="0" src="/default/index/img?u=NzAwMDk0MDU1NDczNS5qcGc=" hspace="11" vspace="5" alt="js实现的类marquee水平循环滚动_javascript技巧" title="js实现的类marquee水平循环滚动_javascript技巧"><center> 休闲茶吧</center> </td> <td height="96" align="center" valign="middle"> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"border="0" src="/default/index/img?u=NzAwMDg0MDk2MjMwNC5qcGc=" hspace="11" vspace="5" alt="js实现的类marquee水平循环滚动_javascript技巧" title="js实现的类marquee水平循环滚动_javascript技巧"><center> 会所简介</center> </td> <td height="96" align="center" valign="middle"> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"border="0" src="/default/index/img?u=NzAwMDc0NjAyMzA2NC5qcGc=" hspace="11" vspace="5" alt="js实现的类marquee水平循环滚动_javascript技巧" title="js实现的类marquee水平循环滚动_javascript技巧"><center> 室内赛场和马房</center> </td> <td height="96" align="center" valign="middle" style="background-color:Red;" title="我是最后一个"> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"border="0" src="/default/index/img?u=NzAwMDU1NjYxMTk1Ni5qcGc=" hspace="11" vspace="5" alt="js实现的类marquee水平循环滚动_javascript技巧" title="js实现的类marquee水平循环滚动_javascript技巧"><center> 牧马场</center> </td> </tr></table> </td> <td id="www_qpsh_com2" valign="top"> </td> </tr></table> </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]