Русский
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
Главная страница
Скачивание исходного кода
Связанные с программированием
Ресурсы для создания сайтов
Книги и учебники
Учебник по веб-дизайну
Учебник по сетевому программированию
Мобильные игры
Мобильные приложения
Статьи
Главная страница
>
Учебник по веб-дизайну
>
Веб-спецэффекты
При открытии страницы введите несколько символов с клавиатуры, и страница автоматически начнет перемещаться.
Автор:Eve Cole
Время обновления:2009-06-18 17:26:42
<!--完成此特效需要2步第一步:把下面代码放到<head>区域中--> <script Language="JavaScript"> var a_Colour='ff0000'; вар b_Colour = '00ff00'; вар c_Colour = '0000ff'; вар Размер = 50; вар YDummy=новый массив(),XDummy=новый массив(),xpos=0,ypos=0,ThisStep=0;step=0.03; если (document.layers) { window.captureEvents(Event.MOUSEMOVE); функция nsMouse(evnt){ xpos = window.pageYOffset+evnt.pageX+6; ypos = window.pageYOffset+evnt.pageY+16; } Window.onMouseMove = nsMouse; } else if (document.all) { function ieMouse() { xpos = document.body.scrollLeft+event.x+6; ypos = document.body.scrollTop+event.y+16; } Document.onmousemove = ieMouse; } function swirl(){ for (i = 0; i < 3; i++) { YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6); XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6); } ThisStep+=шаг; setTimeout('swirl()',10); } вар сумма = 10; if (document.layers){ for (i = 0; i < количество; i++) { document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height ='+i/2+' bgcolor='+a_Colour+'></layer>'); document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>' ); document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>' ); } } else if (document.all){ document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' +'<div id="IDiv" style= "позиция:относительная">'); for (i = 0; i < количество; i++) { document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height: '+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>'); document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+ ';font-size:'+i/2+'"></div>'); document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+ ';font-size:'+i/2+'"></div>'); } document.write('</div></div>'); } функция prepos() { var ntscp=document.layers; вар msie=document.all; if (document.layers){ for (i = 0; i < количество; i++) { if (i < количество-1) { ntscp['nsa'+i].top=ntscp['nsa'+(i+1) )].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left; ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)]. левый; ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)]. левый; } else { ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0]; ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1]; ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2]; } } } else if (document.all){ for (i = 0; i < количество; i++) { if (i < количество-1) { msie.x[i].style.top=msie.x[i+ 1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; } else { msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0]; msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1]; msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2]; } } } setTimeout("prepos()",10); } функция Start() { swirl(),prepos() } window.onload=Start; </script> <!--第二步:把下面代码放到<body>区域中--> <body bgcolor="#000000">
Связанные статьи
Лучшие эффекты веб-страницы вечного календаря
2009-06-20
Супермощный и красивый код веб-календаря, специальные эффекты веб-страницы
2009-06-20
Эффекты слайд-шоу очистки изображений [эффекты веб-страницы]
2009-06-20
Вторичное раскрывающееся меню [Специальные эффекты веб-страницы]
2009-06-20
Трехуровневое раскрывающееся меню [Спецэффекты веб-страницы]
2009-06-20
Изысканные спецэффекты веб-страницы: капли дождя, падающие одна за другой [спецэффекты веб-страницы]
2009-06-20
Эффект отображения информационного колеса DHTML со специальными эффектами веб-страницы
2009-06-20
Веб-эффект, который рассчитывает размер вашего бюстгальтера
2009-06-20
Плавающие изображения [специальные эффекты веб-страницы]
2009-06-20
Индикатор выполнения веб-страницы [специальные эффекты веб-страницы]
2009-06-20
Браузер локального диска [специальные эффекты веб-страницы]
2009-06-18
Веб-спецэффекты: методы случайного отображения изображений
2009-06-08