SEO  -   СТАТЬИ
СтатьиИнтересные скрипты → Анимация ссылок с помощью текста

Анимация ссылок с помощью текста

<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>&gt;</A>
<A id=mainArrow>&gt;</A>
<A id=mainArrow>&gt;</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>&lt;</A>
<A id=mainArrow>&lt;</A>
<A id=mainArrow>&lt;</A>
</FONT>
</FONT>

<P>
<FONT face=Verdana size=1>
<FONT color=black>
<A id=emailArrow>&gt;</A>
<A id=emailArrow>&gt;</A>
<A id=emailArrow>&gt;</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>&lt;</A>
<A id=emailArrow>&lt;</A>
<A id=emailArrow>&lt;</A>
</FONT>
</FONT>
</P>

</td></tr></table>
</BODY>
</HTML>

Если Вы заметили какие-либо неточности или ошибки в размещенной информации, просим сообщить о них администрации. SIGMA Logistics