js實(shí)現(xiàn)文字在按鈕上滾動(dòng)的方法
本文實(shí)例講述了js實(shí)現(xiàn)文字在按鈕上滾動(dòng)的方法。分享給大家供大家參考。具體如下:
文字在按鈕上滾動(dòng),以吸引人的注意,點(diǎn)擊按鈕后跳轉(zhuǎn)到指定的網(wǎng)址,運(yùn)行本演示代碼后,在效果演示區(qū)可看到文字在按鈕內(nèi)的滾動(dòng)效果。按鈕的顏色和文字大小都可以重新定義。
運(yùn)行效果如下圖所示:
在線演示地址如下:
http://demo.jb51.net/js/2015/js-txt-scroll-button-style-codes/
具體代碼如下:
<HTML> <HEAD> <TITLE>文字在按鈕上滾動(dòng)</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> </HEAD> <BODY bgColor=#fef4d9> <CENTER> <span class="STYLE1"><FONT face=隸書>文字在按鈕上滾動(dòng)</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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- js網(wǎng)頁(yè)滾動(dòng)條滾動(dòng)事件實(shí)例分析
- JS實(shí)現(xiàn)網(wǎng)頁(yè)滾動(dòng)條感應(yīng)鼠標(biāo)變色的方法
- js判斷iframe內(nèi)的網(wǎng)頁(yè)是否滾動(dòng)到底部觸發(fā)事件
- js網(wǎng)頁(yè)側(cè)邊隨頁(yè)面滾動(dòng)廣告效果實(shí)現(xiàn)
- JS實(shí)現(xiàn)雙擊屏幕滾動(dòng)效果代碼
- JS實(shí)現(xiàn)的頁(yè)面自定義滾動(dòng)條效果
- JS判斷頁(yè)面是否出現(xiàn)滾動(dòng)條的方法
- 原生js實(shí)現(xiàn)模擬滾動(dòng)條
- JS實(shí)現(xiàn)網(wǎng)頁(yè)上隨滾動(dòng)條滾動(dòng)的層效果代碼
相關(guān)文章
利用HTML5的畫布Canvas實(shí)現(xiàn)刮刮卡效果
大家都玩過(guò)刮刮樂(lè)吧,都想一夜暴富,本文給大家分享一款利用HTML5的畫布Canvas實(shí)現(xiàn)刮刮卡效果,需要的朋友可以參考下2015-09-09js判斷請(qǐng)求的url是否可訪問(wèn),支持跨域判斷的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js判斷請(qǐng)求的url是否可訪問(wèn),支持跨域判斷的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09window.location.reload()方法刷新頁(yè)面彈出要再次顯示該網(wǎng)頁(yè)對(duì)話框
用window.location.reload()方法刷新頁(yè)面時(shí),IE彈出“要再次顯示該網(wǎng)頁(yè)....”對(duì)話框,解決辦法,接下來(lái)介紹下詳細(xì)的解決方法,感興趣的朋友可以參考下哈2013-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)雅的方式來(lái)處理并發(fā)任務(wù)和串行化操作,本文主要介紹了實(shí)現(xiàn)并發(fā)控制的Promise隊(duì)列調(diào)度器的方法,需要的可以參考一下2023-07-07