<HTML> <HEAD> <title> Анимация ссылок с помощью текста </title>
<SCRIPT language=JavaScript>
document.onmouseover = domouseover; document.onmouseout = domouseout;
function ismsie4() { if ((navigator.appName.indexOf("Internet Explorer") > -1) && (navigator.appVersion.indexOf("4") > -1)) { return true } else { return false } }
var linkTimeout = "";
function showArrow(activeArrowID, linkName) { for (i=0;i<=2;i++) { if (i == activeArrowID) { document.all[linkName + "Arrow"][i].style.color = "white"; document.all[linkName + "Arrow"][5 - i].style.color = "white"; } else { document.all[linkName + "Arrow"][i].style.color = ""; document.all[linkName + "Arrow"][5 - i].style.color = ""; } } activeArrowID++; if (activeArrowID > 2) { activeArrowID = 0; }
linkTimeout = setTimeout("showArrow(" + activeArrowID + ', "' + linkName + '"' + ")", 120); }
// This is separate because... umm, it makes things flexible ;-) function hideArrows(linkName) { for (i=0;i<=2;i++) { document.all[linkName + "Arrow"][i].style.color = ""; document.all[linkName + "Arrow"][5 - i].style.color = ""; } }
function domouseover() { srcElement = window.event.srcElement; if (srcElement.className.indexOf("Link") > -1) { var linkName = srcElement.id; document.all[linkName + "Bracket"][0].style.color = "black"; document.all[linkName + "Bracket"][1].style.color = "black"; showArrow(0, linkName); } }
function domouseout() { srcElement = window.event.srcElement; if (srcElement.className.indexOf("Link") > -1) { var linkName = srcElement.id; hideArrows(linkName); clearTimeout(linkTimeout); document.all[linkName + "Bracket"][0].style.color = ""; document.all[linkName + "Bracket"][1].style.color = ""; } }
</SCRIPT>
</HEAD>
<BODY>
<center> <table> <tr> <td> <!-- Ukrainian Banner Network START --><center> <script> //<!-- user = "8630"; page = "12"; pid = Math.round((Math.random() * (10000000 - 1))); document.write("<iframe src='http://banner.kiev.ua/cgi-bin/bi.cgi?h" + user + "&"+ pid + "&" + page + "' frameborder=0 vspace=0 hspace=0 " + " width=468 height=60 marginwidth=0 marginheight=0 scrolling=no>"); document.write("<a href='http://banner.kiev.ua/cgi-bin/bg.cgi?" + user + "&"+ pid + "&" + page + "' target=_top>"); document.write("<img border=0 src='http://banner.kiev.ua/" + "cgi-bin/bi.cgi?i" + user + "&" + pid + "&" + page + "' width=468 height=60 alt='Украинска\я баннерна\я сеть'></a>"); document.write("</iframe>"); //--> </script><br><font size=-1><a href="http://banner.kiev.ua" target=_top> Украинская баннерная сеть</a></font></center> <!-- Ukrainian Banner Network END --> </td> </tr> </table> <table> <tr> <td> <!-- Ukrainian Banner Network 120x60 START --><center> <script> //<!-- user = "8630"; page = "12"; pid = Math.round((Math.random() * (10000000 - 1))); document.write("<iframe src='http://banner.kiev.ua/cgi-bin/bi.cgi?h" + user + "&"+ pid + "&" + page + "&4' frameborder=0 vspace=0 hspace=0 " + " width=120 height=60 marginwidth=0 marginheight=0 scrolling=no>"); document.write("<a href='http://banner.kiev.ua/cgi-bin/bg.cgi?" + user + "&"+ pid + "&" + page + "&4' target=_top>"); document.write("<img border=0 src='http://banner.kiev.ua/" + "cgi-bin/bi.cgi?i" + user + "&" + pid + "&" + page + "&4' width=120 height=60 alt='Украинска\я баннерна\я сеть'></a>"); document.write("</iframe>"); //--> </script><br><br> <a href="http://banner.kiev.ua" target=_top><img src="http://banner.kiev.ua/dividers/d120-1.gif" width="120" height="15" border="0" alt="Украинские 120x60"></a><br> <!-- Ukrainian Banner Network 120x60 END --> </td> <td> <script> // <!-- user = "2402"; rnd = Math.round((Math.random() * (10000000 - 1))); document.write("<a href='http://4click.com.ua/cgi-bin/pc100.cgi?" + user + "&"+ rnd + "' target='_top'>"); document.write("<img border=0 src='http://4click.com.ua/cgi-bin/ps100.cgi?" + user + "&" + rnd +"' width=100 height=100 alt='4click Advertising Network'></a>"); // --> </script> </td> <td> <script> // <!-- user = "2402"; rnd = Math.round((Math.random() * (10000000 - 1))); document.write("<a href='http://4click.com.ua/cgi-bin/pc100.cgi?" + user + "&"+ rnd + "' target='_top'>"); document.write("<img border=0 src='http://4click.com.ua/cgi-bin/ps100.cgi?" + user + "&" + rnd +"&2' width=100 height=100 alt='4click Advertising Network'></a>"); // --> </script> </td> </tr> </table>
<table width=100% height=100% border=0><tr><td align=center>
<FONT face=Verdana size=1><FONT color=black><A id=mainArrow>></A> <A id=mainArrow>></A> <A id=mainArrow>></A></FONT> <A id=mainBracket>[</A> <A class=mainLink href="http://www.scriptweb.boom.ru" id=main target="_top">Главная страница</A> <A id=mainBracket>]</A><FONT color=black> <A id=mainArrow><</A> <A id=mainArrow><</A> <A id=mainArrow><</A> </FONT> </FONT>
<P> <FONT face=Verdana size=1> <FONT color=black> <A id=emailArrow>></A> <A id=emailArrow>></A> <A id=emailArrow>></A></FONT> <A id=emailBracket>[</A> <A class=emailLink href="http://www.scriptweb.boom.ru/java/jindex.html" id=email target=_top>Java скрипты</A> <A id=emailBracket>]</A> <FONT color=black> <A id=emailArrow><</A> <A id=emailArrow><</A> <A id=emailArrow><</A> </FONT> </FONT> </P>
</td></tr></table> </BODY> </HTML>
Чтобы обсудить это в форуме, нажмите здесь. |