Занятный эффект - "затухающие" ссылки

  • Автор темы 7enX
  • Дата начала
Статус
Закрыто для дальнейших ответов.
7

7enX

Гость
#1
Видел один сайт в инете, на нём сделано так что при наведении мышки на надпись она начинает плавно загоратся, а когда мышку убираешь, она так же плавно затухает.
Я смотрел сорсу сайта но в чём там собака зарыта так и не понял, может вы подскажете как это работает?
 
G

Guest_

Гость
#3
Попробуй вот это......

<html>
<head>
<title>ССЫЛКА ПЕРЕЛИВАЕТСЯ ::</title>
<style type="text/css">
.link { color: blue; font-family: arial;font-size: 12pt; left: 100px; position: absolute; text-decoration: none}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited{text-decoration: none;}
</style>
<script language="JavaScript">
var i_strength=0
var max_strength=6
var shadowcolor="red"
var timer
var speed=50
var thisobj
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()
}
}
</script>
</head>
<body>
<div class="link" id="contact" onmouseout="stopfilter(this)" onmouseover="startfilter(this)" style="TOP: 50px">
<a href="#" style="color: green">ССЫЛКА ПЕРЕЛИВАЕТСЯ</a></div>
</body>
</html>

Но учти,что в Mozill'e и Oper'e не работает.Можно "поиграть " с настройкой цветов и фильтров на своё усмотрение.....
Удачи! :D
 
Статус
Закрыто для дальнейших ответов.