文字轮番交替出现

2024-09-05 12:21:32

字体：大中小

来源：转载

供稿：网友

JavaScript打造的多组文字轮番切换的效果，可以用作网站公告，带动画切换，学习JS的朋友可要好好研究一下哦。

<title>文字轮番</title><script language="JavaScript">var delay=2000var scrollwidth=330var scrollheight=75var message=new Array()var openingtag='<font color=FF9900>'message[0]='<b>源码爱好者</b>'message[1]='<b>可以找到很不错的源代码、网页特效</b>'message[2]='<b>同时也欢迎发布资源</b>'var closingtag='</font>'var hoffset=-10</script><ilayer width= && #123;scrollwidth}; height= && #123;scrollheight}; name="sslide"><layer name="sslide2" width= && #123;scrollwidth}; height= && #123;scrollheight};></layer></ilayer><script language="JavaScript1.2">var inc=1var ns4=document.layersvar ie5ns6=document.getElementById||document.allif (ie5ns6)document.write(openingtag+'<div id="flyin" style="position:relative;width:'+scrollwidth+';height:'+scrollheight+';">'+message[0]+'</div>'+closingtag)function updatemsg(){crossobj.style.left=-2000crossobj.style.fontStyle="italic"crossobj.innerHTML=message[inc]crossobj.style.left=crossobj.offsetWidth*(-1)+hoffsetstart=setInterval("animatein()",50)inc=(inc<message.length-1)? inc+1 : 0}function animatein(){if (parseInt(crossobj.style.left)<0)crossobj.style.left=parseInt(crossobj.style.left)+20else{crossobj.style.left=0crossobj.style.fontStyle="normal"clearInterval(start)}}function updatemsgns4(){document.sslide.document.sslide2.document.write(openingtag+message[inc]+closingtag)document.sslide.document.sslide2.document.close()inc=(inc<message.length-1)? inc+1 : 0}function initialize(){if (ie5ns6){crossobj=document.getElementById? document.getElementById("flyin") : document.all.flyinsetInterval("updatemsg()",delay+1000)}else if (ns4){document.sslide.document.sslide2.document.write(openingtag+message[0]+closingtag)document.sslide.document.sslide2.document.close()setInterval("updatemsgns4()",delay)}}window.onload=initialize</script>

上一篇：一个平滑的文字颜色变幻特效

下一篇：一个XML页面文字滚动效果演示

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注