|
Ссылки светятся при наведении.
Код.
<html>
<head>
<title>Ссылки светятся ( при наведении курсора)</title>
<style type="text/css">
.nav { COLOR: #ffff00; FONT-FAMILY: arial; FONT-SIZE: 10pt;
LEFT: 150px; POSITION: absolute; 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="nav" id="news" onmouseout="stopfilter(this)"
onmouseover="startfilter(this)" style="TOP: 10px"><a
href="http://studia.scriptic.ru" style="color:
#ffff00">ГЛАВНАЯ СТРАНИЦА</a></div>
<div class="nav" id="contact" onmouseout="stopfilter(this)"
onmouseover="startfilter(this)" style="TOP: 30px"><a
href="http://studia.scriptic.ru" style="color:
#ffff00">JAVASCRIPT</a></div>
</body>
</html>
|
