Эффект морской волны

Скрипт: Эффект морской волны
<html> <head> <title>Эффект морской волны</title> <script type="text/javascript"> // <![CDATA[ var speed = 100; // speed of wobbling, lower is faster var height = 3; // height of wobbling in pixels var alink="http://www.mf2fm.co.uk/rv"; // page to link text to (set to ="" for no link) /**************************** * Wobbly Text Effect * *(c) 2003-5 mf2fm web-design* * http://www.mf2fm.co.uk/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var wobtxt, wobble, wobcnt = 0; window.onload=function() { if (document.getElementById) { var i, wobli; wobble=document.getElementById("wobble"); wobtxt = wobble.firstChild.nodeValue; while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]); for (i = 0; i < wobtxt.length; i++) { wobli = document.createElement("span"); wobli.setAttribute("id", "wobb"+i); wobli.style.position = "relative"; wobli.appendChild(document.createTextNode(wobtxt.charAt(i))); if (alink) { wobli.style.cursor = "pointer"; wobli.onclick=function() { top.location.href=alink; } } wobble.appendChild(wobli); } setInterval("wobbler()", speed); } } function wobbler() { for (var i = 0; i < wobtxt.length; i++) document.getElementById("wobb" + i).style.top = Math.round(height * Math.sin(i + wobcnt)) + "px"; wobcnt++; } // ]]> </script> </head> <body> <div id="wobble">Эффект морской волны</div> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html>

Обратно на страницу Скрипты