Js漸變文字切換代碼

2024-09-05 12:21:24

字體：大中小

供稿：網(wǎng)友

JavaScript漸變效果的文字切換特效，文字由左至右漸變切換至下一段文字，很多網(wǎng)站都用過(guò)這種功能，視覺(jué)沖擊很好，像FLASH動(dòng)畫(huà)一樣平滑，點(diǎn)擊運(yùn)行看一下效果，想信你會(huì)喜歡的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>文字切換</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/css">#memoryticker{background-color: lightyellow;width: 300px;font: bold 12px Verdana;border: 1px solid black;padding: 3px;filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)}</style></head> <body><script type="text/javascript">var tickercontents=new Array()tickercontents[0]='開(kāi)源源代碼網(wǎng)站！'tickercontents[1]='網(wǎng)頁(yè)特效- 請(qǐng)來(lái)到源碼愛(ài)好者特效專(zhuān)欄！'var persistlastviewedmsg=1var persistmsgbehavior="onload"var tickdelay=3000var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''var currentmessage=0function changetickercontent(){if (crosstick.filters && crosstick.filters.length>0)crosstick.filters[0].Apply()crosstick.innerHTML=tickercontents[currentmessage]if (crosstick.filters && crosstick.filters.length>0)crosstick.filters[0].Play()currentmessage=(currentmessage==tickercontents.length-1)? currentmessage=0 : currentmessage+1var filterduration=(crosstick.filters&&crosstick.filters.length>0)? crosstick.filters[0].duration*1000 : 0setTimeout("changetickercontent()",tickdelay+filterduration)}function beginticker(){if (persistlastviewedmsg && get_cookie("lastmsgnum")!="")revivelastmsg()crosstick=document.getElementById? document.getElementById("memoryticker") : document.all.memorytickerchangetickercontent()}function get_cookie(Name) {var search = Name + "="var returnvalue = ""if (document.cookie.length > 0) {offset = document.cookie.indexOf(search)if (offset != -1) {offset += search.lengthend = document.cookie.indexOf(";", offset)if (end == -1)end = document.cookie.length;returnvalue=unescape(document.cookie.substring(offset, end))}}return returnvalue;}function savelastmsg(){document.cookie="lastmsgnum="+currentmessage}function revivelastmsg(){currentmessage=parseInt(get_cookie("lastmsgnum"))currentmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1}if (persistlastviewedmsg && persistmsgbehavior=="onload")window.onunload=savelastmsgif (document.all||document.getElementById)document.write('<div   class="iwvjtn8m0"   id="memoryticker" '+divonclick+'></div>')if (window.addEventListener)window.addEventListener("load", beginticker, false)else if (window.attachEvent)window.attachEvent("onload", beginticker)else if (document.all || document.getElementById)window.onload=beginticker</script></body></html>

上一篇：最常見(jiàn)的一款Js文字特效

下一篇：交替變換文本顏色的JavaScript