js實(shí)現(xiàn)文字在按鈕上滾動的方法
本文實(shí)例講述了js實(shí)現(xiàn)文字在按鈕上滾動的方法。分享給大家供大家參考。具體如下:
文字在按鈕上滾動,以吸引人的注意,點(diǎn)擊按鈕后跳轉(zhuǎn)到指定的網(wǎng)址,運(yùn)行本演示代碼后,在效果演示區(qū)可看到文字在按鈕內(nèi)的滾動效果。按鈕的顏色和文字大小都可以重新定義。
運(yùn)行效果如下圖所示:

在線演示地址如下:
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=" 歡迎進(jìn)入百度";//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程序設(shè)計(jì)有所幫助。
相關(guān)文章
利用HTML5的畫布Canvas實(shí)現(xiàn)刮刮卡效果
大家都玩過刮刮樂吧,都想一夜暴富,本文給大家分享一款利用HTML5的畫布Canvas實(shí)現(xiàn)刮刮卡效果,需要的朋友可以參考下2015-09-09
js判斷請求的url是否可訪問,支持跨域判斷的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s判斷請求的url是否可訪問,支持跨域判斷的實(shí)現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
window.location.reload()方法刷新頁面彈出要再次顯示該網(wǎng)頁對話框
用window.location.reload()方法刷新頁面時,IE彈出“要再次顯示該網(wǎng)頁....”對話框,解決辦法,接下來介紹下詳細(xì)的解決方法,感興趣的朋友可以參考下哈2013-04-04
javascript onkeydown實(shí)現(xiàn)鍵盤快捷鍵控制頁面
2008-04-04
原生JavaScript實(shí)現(xiàn)異步多文件上傳
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)異步多文件上傳,感興趣的小伙伴們可以參考一下2015-12-12
詳解JavaScript如何實(shí)現(xiàn)并發(fā)控制的Promise隊(duì)列調(diào)度器
Promise是JavaScript中一種處理異步操作的技術(shù),提供了一種更優(yōu)雅的方式來處理并發(fā)任務(wù)和串行化操作,本文主要介紹了實(shí)現(xiàn)并發(fā)控制的Promise隊(duì)列調(diào)度器的方法,需要的可以參考一下2023-07-07

