荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: shot (修特), 信区: Homepage
标  题: 网页特效——停在图片上的注释
发信站: 荔园晨风BBS站 (Wed Jun  6 22:18:57 2001), 转信

http://cn363.363.net/javascript/stopimg.htm

 当我们把鼠标停在图片上的时候,在普通的情况下,只有一个黄色的注释。如图
所示:

在图片的链接中加入如下动作:

onmousemove=mouseMove()
onmouseover="document.all.dragObj.style.display='';move=1"
onmouseout="document.all.dragObj.style.display='none'" height=60 alt=情
升网,助您成功
src="adfshow.files/allyesnew.gif" width=468 border=1>

这段是mousemove函数,用来改变显示层的属性。

<script language=JavaScript>
move=0
function mouseMove()
{
if(move)
{
document.all.dragObj.style.left=window.event.x//根据鼠标的坐标做适当的改
变。
document.all.dragObj.style.top=window.event.y+250
}
}
</script>

做好了之后如下所示:将鼠标移上了试一试吧


--
※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 192.168.28.175]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店