Русский
<!-- http://www.downcodes.com/js --> <!-- bbs http://www.downcodes.com/bbs--> <!-- 完整的HTML代码 --> 我们使用时可以调整left的值和两个变量:pausebetweenmsg和glidespeed的值 <head> <style type="text/css"> .glidetext{ позиция: относительная; /*Устанавливаем начальную позицию вашего текста. Сделайте это ровно настолько, чтобы скрыть текст от просмотра:*/ left: -500px; } </style> <script type="text/javascript"> //Сценарий последовательного всплывающего текста — от JavaScriptKit.com //Этот сценарий и еще 400 других можно найти на http://www.javascriptkit.com // Это уведомление должно оставаться нетронутым для использования var Pausebetweenmsg=10 // настройте паузу в миллисекундах между появлением каждого сообщения (3000 = 3 секунды) var glidespeed = 50 // настройте скорость скольжения в пикселях на кадр. var curobjindex=0 function actualstyle(el, cssproperty){ if (el.currentStyle) return el.currentStyle[cssproperty] else if (window.getComputedStyle){ var elstyle=window.getComputedStyle(el, "") return elstyle.getPropertyValue( cssproperty) } } функция CollectElementbyClass() { var classname="glidetext" glidearray=new Array() var inc=0 var alltags=document.all? document.all : document.getElementsByTagName("*") for (i=0; i<alltags.length; i++){ if (alltags[i].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"))+50 else{ glidearray[curobjindex].style.left=0 curobjindex++ 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">Это текст 1</div> <p class="glidetext">Другой текст ( или изображение) <img src="/img/200406301.jpg"></p> <div class="glidetext">Это текст 3</div> <div class="glidetext">Это текст 4</ div> </body> <br><br><br> <p><font color=red>//网站:http://www.downcodes.com</font></p>
