Русский
Код специальных эффектов веб-страницы, который автоматически прокручивает текст вверх и прекращает прокрутку при наведении на него мыши! Код взят из Интернета.
<html> <HEAD> <TITLE>Автоматически прокручивать текст вверх и останавливаться при наведении на него указателя мыши</TITLE> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <STYLE type = текст / css> #demo a {ширина: 100%; шрифт: 12 пикселей/16 пикселей tahoma; текст-декорация: нет; цвет: # 4a551c; text- align:left; } #demo a:hover { color:#ff6600 } </STYLE> </HEAD> <body> <div id="demo" style="overflow:hidden;height:132px;width: 400px; border:1px Solid #dde5bc;"> <div id="demo1"> <a href="#">Этот код спецэффектов полностью совместим с IE, FF, Opera, другие не тестировались...< /a> <a href="#">Академия создания веб-сайтов собрала и скомпилировала его, надеюсь, вы выскажете нам больше мнений</a> <a href="#">Этот код специального эффекта полностью совместим с IE, FF, Opera и другие еще не тестировались...</a > <a href="#">Академия создания веб-сайтов собрала и скомпилировала их, надеемся, что вы выскажете нам больше мнений</a> <a href=" #">Этот код спецэффектов полностью совместим с IE, FF, Opera и другими, еще не протестирован... </a> <a href="#">Академия создания веб-сайтов собрала и скомпилировала его, я надеюсь вы можете высказать нам больше мнений</a> <a href="#">Этот код спецэффекта полностью совместим с IE, FF, Opera, другие еще не одобрены. Тест...</a> <a href= "#">Академия создания веб-сайтов собирает и систематизирует, надеемся, что вы дадите нам больше мнений.</a> <a href="#">Этот код специального эффекта полностью совместим с IE, FF, Opera и другими. Это не было еще не проверено...</a> <a href="#">Собрано и скомпилировано Академией создания веб-сайтов. Надеюсь, вы выскажете нам больше мнений.</a> <a href="#">Этот код специального эффекта полностью совместим с IE, FF, Opera, другие еще не тестировались... </a> <a href="#">Академия создания веб-сайтов собрала и скомпилировала, надеюсь, вы выскажете нам больше мнений</a > </div> <div id="demo2"></div > </div> <script> varspeed=40 var demo=document.getElementById("demo"); var demo2=document.getElementById("demo2" var demo1=document.getElementById("demo1"); demo2.nerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetTop-demo.scrollTop<=0) demo.scrollTop-=demo1.offsetHeight else{ demo); .scrollTop++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover =function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> </body > </html>
