Заработок с сайта Скрипты
создание сайтов раскрутка сайтов поддержка сайтов
статьи справочик

Статьи -> Интересные скрипты -> Линк плавно меняет цвет при наведении мыши

Линк плавно меняет цвет при наведении мыши

<HTML>
<HEAD>
 <TITLE>Линк плавно меняет цвет при наведении мыши.</TITLE>
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
 <SCRIPT LANGUAGE="JavaScript"><!--

document.onmouseover = domouseover;
document.onmouseout = domouseout;

function domouseover() {
  if(document.all){
  srcElement = window.event.srcElement;
  if (srcElement.className.indexOf("fade") > -1) {
        var linkName = srcElement.name;
      fadein(linkName);
      }
      }
}

function domouseout() {
  if (document.all){
  srcElement = window.event.srcElement;
  if (srcElement.className.indexOf("fade") > -1) {
        var linkName = srcElement.name;
      fadeout(linkName);
      }
      }
}

function makearray(n) {
    this.length = n;
    for(var i = 1; i <= n; i++)
        this[i] = 0;
    return this;
}

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
    hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

function hex(i) {
    if (i < 0)
        return "00";
    else if (i > 255)
        return "ff";
    else
       return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

function setbgColor(r, g, b, element) {
      var hr = hex(r); var hg = hex(g); var hb = hex(b);
      element.style.color = "#"+hr+hg+hb;
}

function fade(sr, sg, sb, er, eg, eb, step, direction, element){
    for(var i = 0; i <= step; i++) {
setTimeout("setbgColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
    }
}


function fadeout(element) {

         
    fade(255,150,0, 255,255,255, 30, 1, element);
}


function fadein(element) {


    fade(255,255,255, 255,150,0, 23, 1, element);
}

//--></SCRIPT>

</HEAD>
<BODY BACKGROUND="../ss.gif" BGCOLOR="#EFEFEF" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000">

<center>
<table>
 <tr colspan=3>
  <td>
   <!-- Ukrainian Banner Network START --><center>
   <script>
   //<!--
   user = "8630";
   page = "19";
   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 = "19";
   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>

<BR>&nbsp;<P>
<TABLE ALIGN=CENTER WIDTH="38%" BORDER="0" BGCOLOR="#400040">
<TR>
 <TD><center><a href="http://www.scriptweb.boom.ru target=blank" name="fading_link_1" class="fade">Java скрипты, апплеты...</a> </TD>
</TR>
</TABLE>


</BODY>
</HTML>


 

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