При наведении на ссылку выскакивает рисунок
Скрипт
<HTML>
<HEAD>
<SCRIPT>
<!--
var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
}
function ringup() {
if (document.all) {
thisx = x
thisy = y
ringup2()
}
}
function ringup2() {
if (i_fontsize<=1530) {
document.all.ring.style.fontSize=i_fontsize
document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))
step+=4
i_fontsize+=step
timer=setTimeout("ringup(2)",50)
}
else {
clearTimeout(timer)
i_fontsize=0
step=0
document.all.ring.style.posTop=-10000
}
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</SCRIPT>
<STYLE>
.ringstyle { COLOR: #ff0000; FONT-FAMILY: Verdana; FONT-SIZE: 5pt; POSITION:
absolute; TOP: -50px; VISIBILITY: visible}
.explain { COLOR: #000000; FONT-FAMILY: Times; FONT-SIZE: 20pt; LEFT: 40px;
POSITION: absolute; TEXT-ALIGN: center; TOP: 80px; WIDTH: 480px}
A { COLOR: #000000; FONT-FAMILY: Times; TEXT-DECORATION: underline}
A:visited { COLOR: #000000}
</STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV class=ringstyle id=ring>o</DIV>
<DIV class=explain id=redirection>Подведите мышь <A href="#" onmouseover=ringup() target=_blank>к ссылке</A>.<BR>
</DIV>
</BODY>
</HTML>
|
