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

www.karman.com.ua
портал о хостинге в Украине
Хостинг + Украина = Karman.com.ua

Сайт от А до Б

/

Основы сайта

/

Интересные скрипты

/

Изучаем PHP

/

Как заработать на сайте

/

Раскрутка сайта

/

CMS


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

Еще по теме:
  Mail.ru меняет Yandex на Google
  переЛинковка статей
  Картинка изменяется при наведении мышки
  Изменяем вид курсора
  Линкфид.
  phpMyAdmin меняет тип одного из моих столбцов!
  Apple OS X: Safari браузер меняет спецсимволы на "?".
  Запущена MySQL <= 4.0.1 с директивой lower_case_table_names установленной в 1. Если я создаю новую таблицу с заглавной буквой в её названии, она заменяется на строчную.

<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>


 


Чтобы обсудить это в форуме, нажмите здесь.


Хостинг-источник: http://karman.com.ua


Есть вопросы о хостинге и о сайтах?
и получи ответ от профессионалов, которые обожают помогать людям :).
© СПД Праведно-Счастливый Аладдин Ярославович, 2004-2008. Все права защищены. При цитировании материалов ссылка на www.karman.com.ua обязательна. Редакция "Кармана" может не разделять точку зрения авторов статей, сообщений и ответственности за их содержание не несет.

Быстрый переход к содержимому сайта Karman.com.ua:
Новости, советы, углубленные знания, знания для новичков, законодательство, интересные скрипты, фотогалереи, отчеты, статьи о хостинге: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24
Часто задаваемые общие вопросы о хостинге, про FTP, PHPMyAdmin и MySQL, CPanel, Предустановленные скрипты, WHM, Cron, .htaccess, SSH, Паролирование директорий, О доменах, о работе с сайтом, о Раскрутке сайта, об Электронной почте, про Основы web-программирования: 0, 1
Энциклопедия основных терминов хостинга, программного обеспечения, железной стороны хостинга, технологий, электронной почты и доменов: 0, 1, 2, 3, 4, 5, 6
Сайты о хостинге (форумы, хостинг-провайдеры, студии веб-дизайна, домен-регистраторы, инструментарии в помощь вебмастеру): 0, 1, 2

Rambler's Top100