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

Тема в разделе "Общие вопросы", создана пользователем 7enX, 13 июн 2004.

Статус темы:
Закрыта.
  1. 7enX

    7enX Гость

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

    Guest Гость

    [censored by mind]
     
  3. Guest_

    Guest_ Гость

    Попробуй вот это......

    <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
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей