Js渐变文字切换代码

2024-09-05 12:21:24

字体：大中小

来源：转载

供稿：网友

JavaScript渐变效果的文字切换特效，文字由左至右渐变切换至下一段文字，很多网站都用过这种功能，视觉冲击很好，像FLASH动画一样平滑，点击运行看一下效果，想信你会喜欢的。

<!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]='开源源代码网站！'tickercontents[1]='网页特效- 请来到源码爱好者特效专栏！'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 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>

上一篇：最常见的一款Js文字特效

下一篇：交替变换文本颜色的JavaScript