资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
跑马灯效果大全
<html> <head><title>跑马灯大全</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Avar%20Mes%3Dnew%20Array()%3B%20%0D%0AMes%5B0%5D%3D%22%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6%E6%AC%A2%E8%BF%8E%E4%BD%A0%EF%BC%81%20%22%3B%20%0D%0AMes%5B1%5D%3D%22%E6%84%9F%E8%B0%A2%E4%BD%A0%E5%85%B3%E6%B3%A8%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6%E6%95%99%E7%A8%8B%20%22%3B%20%0D%0AMes%5B2%5D%3D%22%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%E3%80%80%E4%B9%8B%E3%80%80%E8%B7%91%E9%A9%AC%E7%81%AF%E6%95%88%E6%9E%9C%E5%A4%A7%E5%85%A8%20%22%3B%20%0D%0Avar%20place%3D1%3B%20%0D%0Avar%20i%3D0%3B%20%0D%0Afunction%20scroll()%20%0D%0A%7B%20%0D%0Awindow.status%3DMes%5Bi%5D.substring(0%2C%20place)%3B%20%0D%0Aif%20(place%20%3E%3D%20Mes%5Bi%5D.length)%20%0D%0A%7B%20%0D%0Aif(i%3C2)%20%0D%0A%7B%20%0D%0Ai%2B%2B%3B%20%0D%0Aplace%3D1%3B%20%0D%0Awindow.setTimeout(%22scroll()%22%2C50)%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Ai%3D0%3B%20%0D%0Aplace%3D1%3B%20%0D%0Awindow.setTimeout(%22scroll()%22%2C50)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0Aplace%2B%2B%3B%20%0D%0Awindow.setTimeout(%22scroll()%22%2C50)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <form name="shooterform" method="get"> <body onload="scroll();"> <marquee>滚动的文字</marquee> <marquee behavior=alternate>表示双向移动</marquee> <marquee direction=left>表示运动方向向左</marquee> <marquee width=400 behavior=alternate direction=left align=middle border=1>弹来弹去跑马灯!</marquee> <marquee scrollamount="30">表示运动方向向左</marquee> <marquee width=90%> <a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target=_blank>带有超链接的跑马灯!点我试试？</a> <a href="http://www.baidu.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.baidu.com" target=_blank>还有一条呢!点我试试？</a> </marquee> <table width="93%" border="1" cellspacing="0" cellpadding="1" align="center" class="p1"> <tr> <td width="42%">参数</td> <td width="58%">用法介绍</td> </tr> <tr> <td width="42%">behavior=scroll, slide, alternate</td> <td width="58%">跑马方式：循环绕行，只跑一次就停住，来回往复运动</td> </tr> <tr> <td width="42%">direction=left,right</td> <td width="58%">跑马方向：从左向右，从右向左</td> </tr> <tr> <td width="42%">loop=100</td> <td width="58%">跑马次数：循环100次，如不写默认为一直循环</td> </tr> <tr> <td width="42%">width=100%,height=200</td> <td width="58%">跑马范围：宽为100%，高为200像素</td> </tr> <tr> <td width="42%">scrollamount=20</td> <td width="58%">跑马速度：数越大越快</td> </tr> <tr> <td width="42%">scrolldelay=500</td> <td width="58%">跑马延时：毫秒数，利用它可实现跃进式滚动</td> </tr> <tr> <td width="42%">hspace=20，vspace=20</td> <td width="58%">跑马区域与其它区域间的空白大小</td> </tr> <tr> <td width="42%">bgcolor=#00FFCC</td> <td width="58%">跑马区域的背景颜色</td> </tr> </table> </body> </form> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程