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-09js判斷請求的url是否可訪問,支持跨域判斷的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s判斷請求的url是否可訪問,支持跨域判斷的實(shí)現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09window.location.reload()方法刷新頁面彈出要再次顯示該網(wǎng)頁對話框
用window.location.reload()方法刷新頁面時,IE彈出“要再次顯示該網(wǎng)頁....”對話框,解決辦法,接下來介紹下詳細(xì)的解決方法,感興趣的朋友可以參考下哈2013-04-04javascript 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