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

marquee (水平)循环滚动的js实现 ,需要的朋友可以参考下。 复制代码 代码如下: 演示代码: <!DOC…

marquee (水平)循环滚动的js实现 ,需要的朋友可以参考下。

复制代码 代码如下:

演示代码:

<!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> <title>My Marquee Halign</title></head><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><body style=”text-align: center;”> <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=”我是第一个”> <center> 训练场地</center></td><td height=”96″ align=”center” valign=”middle”> <center> 休闲茶吧</center></td><td height=”96″ align=”center” valign=”middle”> <center> 会所简介</center></td><td height=”96″ align=”center” valign=”middle”> <center> 室内赛场和马房</center></td><td height=”96″ align=”center” valign=”middle” style=”background-color:Red;” title=”我是最后一个”> <center> 牧马场</center></td></tr></table></td><td id=”www_qpsh_com2″ valign=”top”> </td></tr></table></div><div class=”my_marquee_info” id=”my_marquee_info”></div></body></html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

以上就是js实现的类marquee水平循环滚动的详细内容,更多请关注www.cfluntan.cn其它相关文章!

为您推荐

返回顶部