请问怎么样在鼠标放到一个超链接上后,超链接的后面显示一个小图片
详细点给出代码实例
谢谢
------解决方案--------------------
<HTML> <HEAD> </HEAD> <BODY>
<script language= "JavaScript ">
var newtop=0
var newleft=0
if (navigator.appName == "Netscape ") {
layerStyleRef= "layer. ";
layerRef= "document.layers ";
styleSwitch= " ";
}
else
{
layerStyleRef= "layer.style. ";
layerRef= "document.all ";
styleSwitch= ".style ";
}
function doOnMouseOver() {
document.getElementById( "OuterDiv ").style.display = "block ";
layerName = 'iit ';
eval( 'var curElement= '+layerRef+ '[ " '+layerName+ ' "] ')
eval(layerRef+ '[ " '+layerName+ ' "] '+styleSwitch+ '.visibility= "hidden " ')
eval( 'curElement '+styleSwitch+ '.visibility= "visible " ')
eval( 'newleft=document.body.clientWidth-curElement '+styleSwitch+ '.pixelWidth ')
eval( 'newtop=document.body.clientHeight-curElement '+styleSwitch+ '.pixelHeight ')
eval( 'height=curElement '+styleSwitch+ '.height ')
eval( 'width=curElement '+styleSwitch+ '.width ')
width=parseInt(width)
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))
{
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}
else
{
newleft=document.body.scrollLeft + event.clientX
}
eval( 'curElement '+styleSwitch+ '.pixelLeft=newleft ')
if (event.clientY > (document.body.clientHeight - 5 - height))
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
}
else
{
newtop=document.body.scrollTop + event.clientY
}
eval( 'curElement '+styleSwitch+ '.pixelTop=newtop ')
}
function doOnMouseOut() {
document.getElementById( "OuterDiv ").style.display = "none ";
}
</script>
<script language= "javascript ">
if (navigator.appName == "Netscape ") {
}
else
{
document.write( ' <div ID=OuterDiv> ')
document.write( ' <img ID=iit src= " " STYLE= "position:absolute;TOP:0pt;LEFT:0pt;Z-INDEX:2;visibility:hidden; "> ')
document.write( ' </div> ')
}
</script>
<a href= "aaa " onMouseOver= "doOnMouseOver() " onMouseOut= "doOnMouseOut() "> aaa </a> </br>
<a href= "bbb " onMouseOver= "doOnMouseOver() " onMouseOut= "doOnMouseOut() "> bbb </a>
</BODY>
</HTML>