页面中回旋着的光环(不是图片)

2024-04-27 13:58:37

字体：大中小

来源：转载

供稿：网友

我们使用时可以调整left的值和两个变量：pausebetweenmsg和glidespeed的值<head><style type="text/<a href="http://www.vevb.com/article.asp?typeid=38">CSS</a>">.glidetext{position: relative;/*Set initial position of your text. Make it just enough to hide the text from view:*/left: -500px;}</style><scr<a href="http://ip.vevb.com/">ip</a>t type="text/<a href="http://www.vevb.com/article.asp?typeid=160">java</a>script">//Sequential fly-in text script- by <a href="http://www.vevb.com/article.asp?typeid=36">Javascript</a>Kit.com//For this script and 400+ more, visit http://www.javascriptkit.com//This notice must stay intact for usevar pausebetweenmsg=10 //customize pause in miliseconds between each message showing up (3000=3 seconds)var glidespeed=50 //customize glide speed in pixels per frame.var curobjindex=0function actualstyle(el, css<a href="http://pr.vevb.com/">PR</a>operty){if (el.currentStyle)return el.currentStyle[cssproperty]else if (window.getComputedStyle){var elstyle=window.getComputedStyle(el, "")return elstyle.getPropertyValue(cssproperty)}}function collectElementbyClass(){var classname="glidetext"glidearray=new Array()var inc=0var alltags=document.all? document.all : document.getElementsByTagName("*")for (i=0; i<alltags.length; i++){if (alltags[i].className==classname)glidearray[inc++]=alltags[i]}if (glidearray.length>0)onebyoneglide()}function onebyoneglide(){if (curobjindex<glidearray.length)glidetimer=setInterval("glideroutine()",50)}function glideroutine(){if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0)glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+50else{glidearray[curobjindex].style.left=0curobjindex++clearInterval(glidetimer)setTimeout("onebyoneglide()", pausebetweenmsg)}}if (window.addEventListener)window.addEventListener("load", collectElementbyClass, false)else if (window.attachEvent)window.attachEvent("onload", collectElementbyClass)else if (document.getElementById)window.onload=collectElementbyClass</script></head><body><div class="glidetext">This is text 1</div><p class="glidetext">Another text (or image) <img src="/img/200406301.jpg"></p><div class="glidetext">This is text 3</div><div class="glidetext">This is text 4</div></body><br><br><br><p><font color=red>//网站:http://www.vevb.com</font></p>

上一篇：用图片取代文字按钮，使你的网页色调一致

下一篇：给网页加上色彩边框

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注