js实现文字在按钮上滚动的方法


Posted in Javascript onAugust 20, 2015

本文实例讲述了js实现文字在按钮上滚动的方法。分享给大家供大家参考。具体如下:

文字在按钮上滚动,以吸引人的注意,点击按钮后跳转到指定的网址,运行本演示代码后,在效果演示区可看到文字在按钮内的滚动效果。按钮的颜色和文字大小都可以重新定义。

运行效果如下图所示:

js实现文字在按钮上滚动的方法

在线演示地址如下:

具体代码如下:

<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程序设计有所帮助。

Javascript 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
javascript 动态加载 css 方法总结
Jul 11 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
Apr 07 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
json实现前后台的相互传值详解
Jan 05 Javascript
jQuery表单域属性过滤器用法分析
Feb 10 Javascript
基于javascript制作微信聊天面板
Aug 09 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
Aug 24 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
Dec 08 Javascript
js实现页面图片消除效果
Mar 24 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 #Javascript
js实现网页多级级联菜单代码
Aug 20 #Javascript
javascript常用的方法整理
Aug 20 #Javascript
JS实现的Select三级下拉菜单代码
Aug 20 #Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
Aug 20 #Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 #Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 #Javascript
You might like
PHP实现MVC开发得最简单的方法――模型
2007/04/10 PHP
利用php递归实现无限分类 格式化数组的详解
2013/06/08 PHP
discuz目录文件资料汇总
2014/12/30 PHP
CI映射(加载)数据到view层的方法
2016/03/28 PHP
php如何执行非缓冲查询API
2016/07/22 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
2011/12/20 Javascript
JS限制上传图片大小不使用控件在本地实现
2012/12/19 Javascript
基于JavaScript 类的使用详解
2013/05/07 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
2014/05/08 Javascript
js动态创建标签示例代码
2014/06/09 Javascript
javascript实现的固定位置悬浮窗口实例
2015/04/30 Javascript
使用javaScript动态加载Js文件和Css文件
2015/10/24 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
js中事件对象和事件委托的介绍
2019/01/21 Javascript
vue+iview分页组件的封装
2020/11/17 Vue.js
Python中的jquery PyQuery库使用小结
2014/05/13 Python
python使用PythonMagick将jpg图片转换成ico图片的方法
2015/03/26 Python
Python fileinput模块使用实例
2015/06/03 Python
Python输出由1,2,3,4组成的互不相同且无重复的三位数
2018/02/01 Python
PyTorch读取Cifar数据集并显示图片的实例讲解
2018/07/27 Python
Python提取支付宝和微信支付二维码的示例代码
2019/02/15 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
python 随机森林算法及其优化详解
2019/07/11 Python
Python3获取cookie常用三种方案
2020/10/05 Python
创业计划书怎样才能打动风投
2014/01/01 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
防卫过当辩护词
2015/05/21 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang
怎么禁用Windows 11快照布局? win11不使用快照布局的技巧
2021/11/21 数码科技