下面这个例子是在鼠标滑过小图的时候,同时出现大图,移开小图之后,大图也就消失,当然还可以把图片做成滚动的,或是其他形式的,因为道理是一样的。
<script>
function x(img)
{a.style.display="";
a.style.left=event.x;
a.style.top=event.y;
a.src=img
}
function h()
{a.style.display='none'}
</script>
<img id=a style="position:absolute;left:10;display:none"/>
<img src="/images/blue/bb_image.gif" οnmοuseοver='x(" οnmοuseοut="h()"><br>
<img src="/images/blue/bb_image.gif" οnmοuseοver='x(" οnmοuseοut="h()"><br>
<img src="/images/blue/bb_image.gif" οnmοuseοver='x(" οnmοuseοut="h()"><br>