Русский
Сейчас мы собираемся представить новый тип прокрутки с использованием метода JS для прокрутки субтитров: вверх с паузой на одну-две секунды посередине:
<html> <head> <title></title> <meta http- equiv= "Content-Type" content="text/html; charset=gb2312" /> <meta name="description" content="Отображение кода специального эффекта плавающей рекламы на веб-странице с функцией закрытия" /> <meta name="keywords" "content= "Веб-страница, обучение веб-страницам, разработка веб-страниц, учебники по книгам, видеоуроки, обучение веб-страницам, специальные эффекты веб-страниц, обучение созданию веб-страниц, обучение веб-страницам, академия создания веб-сайтов, руководство по созданию веб-сайтов, производство анимации, руководство по анимации, сетевое программирование, руководство скачать, материал, материал веб-страницы, Исходные файлы логотипа, Баннерные материалы, классные сайты, классная оценка сайта, технология ASP, технология PHP, технология ASP.NET, технология JSP, технология CGI, технология баз данных, технология XML, технология CSS, JS, HTML, навыки создания веб-сайтов, введение в производство, навыки производства, навыки создания веб-страниц, навыки изучения веб-страниц" /> <link href="http://www.downcodes.com/templates/downcodes/css/style.css" rel="stylesheet" type="text/css" / > </head> <body bgColor="#ffffff" leftMargin="0" topMargin="3"> <script> var marqueeContent=new Array(); // Определите массив для хранения отображаемого содержимого marqueeContent[0] ='<A href="#" onclick="reinitMarquee()">Обновить последний список</FONT></A>'; marqueeContent[1]='<; a href=# target=_blank>Шестьдесят последних обновлений полосы сайта</a>'; marqueeContent[2]='<A href=# target=_blank>Урок по созданию эффекта растушевки</a>'; ='<A href=# target=_blank>MySQL&ASP</a>'; marqueeContent[4]='<A href=# target=_blank>Предварительное понимание CSS3</a>'; ]='<A href=# target=_blank>Fireworks MX 2004 выполняет операции с панелью </a>' marqueeContent[6]='<A href=# target=_blank>Fireworks MX 2004 Contour Gradient Fill</a>'; ; marqueeContent[7]='<A href=# target=_blank>Цветы в бутылке</a>'; marqueeContent[8]='<A href=# target=_blank>В Fireworks MX реализован эффект вкладок</a>'; ; marqueeContent[9]='<A href=# target= _blank>Пары: атмосфера любви в черно-белом цвете</a>'; marqueeContent[10]='<A href=# target=_blank>Сделайте MAC стиль логотипа Apple</a>'; marqueeContent[11]='<A href =# target=_blank>Создание яичной скорлупы и синтез символов</a>'; var marqueeInterval=new Array(); используемые переменные var marqueeId=0; var marqueeDelay =4000; var marqueeHeight=16; //Следующий шаг — определить некоторые используемые функции Array.prototype.random=function() { var a=this; length; for(var i=0; i<l;i++) { var r=Math.floor(Math.random()*(li)); a=a.slice(0,r).concat(a.slice); (r+1)).concat(a[r]); } return a; } function initMarquee() { marqueeContent=marqueeContent.random(); var str='' for(var i=0;i<Math. min(3,marqueeContent.length); i++) str+=(i>0?' ':'')+marqueeContent[i]; document.write('<div id=marqueeBox style="overflow:hidden;height:' +marqueeHeight+'px" onmouseover="clearInterval (marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</div>< /div>'); marqueeId+=2 ; if(marqueeContent.length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function reinitMarquee() { js_scroll_content.src='scroll_content2.js'; marqueeContent=marqueeContent.random(); var str=''; for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?' ':'')+ marqueeContent[i]; marqueeBox.childNodes[ (marqueeBox.childNodes.length==1?0:1)].innerHTML=str; marqueeId=2; } function startMarquee() { var str=''; 0;(i<3)&&( marqueeId+i<marqueeContent.length);i++) { str+=(i>0?' ':'')+marqueeContent[marqueeId+i]; } marqueeId+=3; >marqueeContent.length)marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine } else { marqueeBox); .childNodes[0].innerHTML=str ; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; }clearInterval(marqueeInterval[1]=setInterval("scrollMarquee()", 20); } function ScrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){clearInterval(marqueeInterval[1]} } initMarquee(); > </html>
