js实现文字在按钮上滚动的方法
2015-08-20 11:50
746 查看
文字在按钮上滚动,以吸引人的注意,点击按钮后跳转到指定的网址,运行本演示代码后,在效果演示区可看到文字在按钮内的滚动效果。按钮的颜色和文字大小都可以重新定义。
运行效果如下图所示:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-txt-scroll-button-style-codes/
具体代码如下:
<HTML> <HEAD> <TITLE>文字在按钮上滚动</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> </HEAD> <BODY bgColor=#fef4d9> <CENTER> <span class="STYLE1"><FONT face=隶书>文字在按钮上滚动</FONT></span> </CENTER><BR> <CENTER> <TABLE borderColor=#FFCC00 border=5 borderlight="green"> <TBODY> <TR> <TD align=middle><span class="STYLE2"><FONT face="Arial, Helvetica, sans-serif">效果显示</FONT></span></TD> </TR> <TR> <TD class=p9 align=middle> <SCRIPT language=JavaScript> var message=" 欢迎进入百度";//Put Your Message Here function ButtonURL(){ window.location="http://www.baidu.com" } function scroll() { message = message.substring(1,message.length) + message.substring(0,1); document.bs.bs.value = message; setTimeout("scroll()",140); } window.onload=scroll document.write('<style type="text/css">') document.write('.select{background: blue;border-color:"yellow";color:"white";font-family:Arial,Verdana;font-size:12pt;font-weight: bold;}') document.write('</STYLE>') document.write('<form name=bs><INPUT class="select" TYPE="button" NAME="bs" value="" onclick="ButtonURL()"></FORM>') </SCRIPT> </TD></TR></TBODY></TABLE></CENTER> </BODY> </HTML>
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 让电脑右下角显示你想要文字
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 让超出DIV宽度范围的文字自动显示省略号...
- 使用CSS不用程序实现文字自动截断 用省略号代替
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- 超级经典一套鼠标控制左右滚动图片带自动翻滚
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- 可左右平滑滚动的产品展示效果
- PHP VBS JS 函数 对照表