上一页 返回教程首页 下一页
名称
信息浏览按钮式跑马灯
实例
教程
第一步：拷贝下面的代码到你的html文件的<head>和</head>之间；
<script LANGUAGE="JavaScript"> <!-- Beginvar display_text = "这是一个信息浏览跑马灯的例子, "+ " 欢迎光临阿捷的《网页设计师》网站. "+ " 希望你来此有所收获，阿捷愿意和所有网友交流 !! "var display_text;var place;var meter; var out = " ";var place = 50;function scroll_text() {for (meter = 0; meter < place; meter++) {out += " "}if (place >= 0)out += display_textelse out = display_text.substring(-place,display_text.length)document.scroll_form.field.value = outout = " "place--if (place < -(display_text.length)) {place = 50}setTimeout('scroll_text()',100)}// End --> </script>
第二步：拷贝下面的代码到你的html文件的<body>和</body>之间；
<form NAME="scroll_form"> <p><input type="button" name="button_one" value="按我阅读" onClick="scroll_text()"> <input type="text" name="field" size="36"> </p> </form>
说明：其中的place=50是流动的速度值