UC知道怎么实现鼠标经过一个图片，在下方显示一个层（并且该层含文字链接），当鼠标离开该层就隐藏该层？
来源：百度知道 编辑：UC知道 时间：2024/05/08 10:51:04
怎么实现鼠标经过一个图片，在下方显示一个层（并且该层含有多组文字链接），当鼠标离开该层就隐藏该层？
类似很多网站导航栏使用的效果：当鼠标经过主栏目，下面显示该栏目下的所有子版块！并且子版块都是文字链接的！
我自己试过，但是不知道怎么回事，鼠标一经过显示层里的文字链接后就出现异常的“显示与隐藏”结果！难道表示该层里的文字链接与该层不相关？
头都大了。。。
<a href="#" target="_self">
<img alt="首页" src="images/menu-home.jpg" onmouseover="ShowChannelPosition.style.display = 'block'"; border=0>
</a>
<div align="left" id="ShowChannelPosition" onmouseout="ShowChannelPosition.style.display = 'none'" style="left:100px; POSITION: relative; TOP: 20; display:none; HEIGHT: 20px">当前位置 -> <a href='#'>首页</a></div>
代码要简洁点，请将测试过后确定代码无误再发上来：）谢谢了
大哥劳驾把代码部分和我的说明好好看看再说吧！你还没弄明白我想实现的是什么吗？
这么说吧，我想实现的效果是：当鼠标经过“图片A”后，页面就会将初始属性为隐藏的“层A”显示出来，而当鼠标离开“层A”后，自动隐藏“层A”的效果！
要说明的是“层A”里有文字链接，我自己写的代码如上，并且这些效果都已经实现了，只是当“层A”的状态为显示时，鼠标经过“层A”里的文字链接时，就会发生非我所愿的
类似很多网站导航栏使用的效果：当鼠标经过主栏目，下面显示该栏目下的所有子版块！并且子版块都是文字链接的！
我自己试过，但是不知道怎么回事，鼠标一经过显示层里的文字链接后就出现异常的“显示与隐藏”结果！难道表示该层里的文字链接与该层不相关？
头都大了。。。
<a href="#" target="_self">
<img alt="首页" src="images/menu-home.jpg" onmouseover="ShowChannelPosition.style.display = 'block'"; border=0>
</a>
<div align="left" id="ShowChannelPosition" onmouseout="ShowChannelPosition.style.display = 'none'" style="left:100px; POSITION: relative; TOP: 20; display:none; HEIGHT: 20px">当前位置 -> <a href='#'>首页</a></div>
代码要简洁点，请将测试过后确定代码无误再发上来：）谢谢了
大哥劳驾把代码部分和我的说明好好看看再说吧！你还没弄明白我想实现的是什么吗？
这么说吧，我想实现的效果是：当鼠标经过“图片A”后，页面就会将初始属性为隐藏的“层A”显示出来，而当鼠标离开“层A”后，自动隐藏“层A”的效果！
要说明的是“层A”里有文字链接，我自己写的代码如上，并且这些效果都已经实现了，只是当“层A”的状态为显示时，鼠标经过“层A”里的文字链接时，就会发生非我所愿的
一般来说，鼠标滑过图片,显示另一张图片.但是不可以显示图片里的链接，除非图片本身两个都是有链接的。呵呵.
做网页到现在，我还没有见到过可以的。如果可以我收藏起来再来看看。
<img width="250" src="http://yuanfei.zjgblog.com/uploadfiles/images/200702070909573994.jpg" alt=" " height="268" onmouseout="this.src='http://yuanfei.zjgblog.com/uploadfiles/images/200702070910129871.jpg';" onmouseover="this.src='http://yuanfei.zjgblog.com/uploadfiles/images/200702070909573994.jpg';" />
哈哈我不是兄弟.我是女的.