鼠标放在超链接上， 显示DIV。 移开后隐藏DIV。
我做了一个超链接，当鼠标移上去显示一个DIV。当鼠标离开后继续隐藏DIV。初学者，细细道明。...
我做了一个超链接， 当鼠标移上去显示一个DIV。 当鼠标离开后继续隐藏DIV。初学者，细细道明。
展开
3个回答
展开全部
两个事件..显示在你的超链接里注册个onmouseover....隐藏在你的超链接里注册个onmouseout...然后写两个function....直接操作你的div的显示和隐藏...例子:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档-SH!</title><script type="text/javascript"> function myshow(){ document.getElementById('mydiv').style.display = "block"; } function myhide(){ document.getElementById('mydiv').style.display = "none"; }</script></head>
<body>
<a href="#" onmousemove="myshow()" onmouseout="myhide()">显示与隐藏</a><div id="mydiv" style="width:200px;height:300px; background-color:#0033FF; display:none;"></div></body></html>
<body>
<a href="#" onmousemove="myshow()" onmouseout="myhide()">显示与隐藏</a><div id="mydiv" style="width:200px;height:300px; background-color:#0033FF; display:none;"></div></body></html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
DIV自身的显示与隐藏：
<span onMouseOver="document.all.vip1.style.display=''" onMouseOut="document.all.vip1.style.display='none'">鼠标移动控制DIV</span>
<div id="vip1" style="display:none;">
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
</div>DIV内容的显示与隐藏：
<span onMouseOver="document.all.vip1.style.visibility=''" onMouseOut="document.all.vip1.style.visibility='hidden'">鼠标移动控制DIV</span>
<div id="vip1" style="visibility:hidden;">
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
</div>鼠标单击控制：
<span onclick="document.all.vip1.style.display=''">鼠标单击控制DIV</span>
<div id="vip1" style="visibility:hidden;">
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
</div>
<span onclick="document.all.vip1.style.display='none'">关闭</span>
<span onMouseOver="document.all.vip1.style.display=''" onMouseOut="document.all.vip1.style.display='none'">鼠标移动控制DIV</span>
<div id="vip1" style="display:none;">
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
</div>DIV内容的显示与隐藏：
<span onMouseOver="document.all.vip1.style.visibility=''" onMouseOut="document.all.vip1.style.visibility='hidden'">鼠标移动控制DIV</span>
<div id="vip1" style="visibility:hidden;">
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
</div>鼠标单击控制：
<span onclick="document.all.vip1.style.display=''">鼠标单击控制DIV</span>
<div id="vip1" style="visibility:hidden;">
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
捌捌肆捌提醒你在这里写DIV的内容<br>
</div>
<span onclick="document.all.vip1.style.display='none'">关闭</span>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
