Главная » 2009 » Сентябрь » 23 » Светящиеся ссылки (классный эффект) (Javascript)
23.09.2009, 15:28

Светящиеся ссылки (классный эффект)



При наведении курсора на ссылку она начинает светиться.

В body ставим это:

Code
<SCRIPT>
<!-- Beginning of JavaScript -

var i_strength=0
var max_strength=6
var shadowcolor="red"
var timer
var speed=50
var thisobj

function gotoURL(){
  var newWindow=window.open("http://webscripts.ucoz.ru","newwin","status,directories,menubar,scrollbars,titlebar,toolbar,resizable,HEIGHT=600,WIDTH=400")
  newWindow.focus()
}

function stopfilter(thisdiv){
  if (document.all) {
  clearTimeout(timer)
  thisobj=thisdiv
  thisobj.style.filter=" "
  }
}

function startfilter(thisdiv){
  if (document.all) {
  clearTimeout(timer)
  thisobj=thisdiv
  morefilter()
  }
}

function morefilter(){
  if (i_strength <=max_strength) {
  thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
  i_strength++
  timer = setTimeout("morefilter()",speed)
  }  
  else {
  clearTimeout(timer)
  lessfilter()
  }  
}

function lessfilter(){
  if (i_strength >=0) {
  thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
  i_strength--
  timer = setTimeout("lessfilter()",speed)
  }  
  else {
  clearTimeout(timer)
  morefilter()
  }  
}

// - End of JavaScript - -->
</SCRIPT>

<STYLE TYPE=text/css>.nav { CURSOR:HAND; COLOR: #ffffff; FONT-FAMILY: Times; FONT-SIZE: 15pt; LEFT: 40px; POSITION: absolute; TEXT-DECORATION: none}
</STYLE>

</HEAD>

<BODY ALINK=#ffffff BGCOLOR=#000000 LINK=#ffffff VLINK=#ffffff>

<DIV CLASS=nav ID=news onClick=gotoURL() onMouseOut=stopfilter(this) onMouseOver=startfilter(this) STYLE="TOP: 20px">Бесплатные скрипты на webscripts.ucoz.ru</DIV>
<DIV CLASS=nav ID=contact onClick=gotoURL() onMouseOut=stopfilter(this) onMouseOver=startfilter(this) STYLE="TOP: 60px">В помощь веб-мастеру</DIV>

Ссылки исправляем на свои.

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 3544 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: Светящиеся ссылки (классный эффект)
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]