如何实现:鼠标经过一图片时,显示出一个隐藏的Div层?在线等...

i169net 2004-05-08 03:26:34
我是这么写脚本的:
<script language="JavaScript" type="text/JavaScript">
function showdiv() {
me.visibility = "visible";
}
function closediv() {
me.visibility = "hidden";
}
</script>



鼠标经过时,调用showdiv函数:
<a herf="#" onmouseover="showdiv()" onmouseout="closediv()"><img src="图片.jpg"></a>



div层的HTML
(此层实际也是一张图片,但尺寸比上面的图片大,所以无法用DW中的“鼠标经过图象”来制作):
<div id="me" style="position:absolute;width:384px;height:273px;left:146px;top:195px;background-image:url(jpg/zong1.jpg);layer-background-image:url(jpg/zong1.jpg);border:1px none #000000;visibility: hidden"></div>


请高人指教,谢谢!!!



...全文
803 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
i169net 2004-05-08
  • 打赏
  • 举报
回复
谢谢!
daikaiming 2004-05-08
  • 打赏
  • 举报
回复
你要将me.visibility = "hidden";写全噻,包括this.me.visibility
shuibinlang 2004-05-08
  • 打赏
  • 举报
回复
<script language="JavaScript" type="text/JavaScript">
function showdiv() {
me.style.visibility = "visible";////////////
}
function closediv() {
me.style.visibility = "hidden";//////////////////
}
</script>



鼠标经过时,调用showdiv函数:
<a herf="#" onmouseover="showdiv()" onmouseout="closediv()"><img src="图片.jpg"></a>



div层的HTML
(此层实际也是一张图片,但尺寸比上面的图片大,所以无法用DW中的“鼠标经过图象”来制作):
<div id="me" style="position:absolute;width:384px;height:273px;left:146px;top:195px;background-image:url(jpg/zong1.jpg);layer-background-image:url(jpg/zong1.jpg);border:1px none #000000;visibility: hidden"></div>

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧