只是鼠标悬浮在DIV上是显示图片,出了DIV范围隐藏图片的话,DIV的onmouseout和onmouseover就可以搞定。
但是图片是可以点击的,这样的话用onmouseout就不行了。
DIV不止一个,且没有ID。<a id="Layer_a" href="#" target="_blank" style="display: none; position: absolute;z-index: 1;">
<img src="../../images/betterTip/help.png" alt="" />
</a>
<div onmouseover="showPic('www.123.com');">if</div>
<div onmouseover="showPic('www.456.com');">else</div>
function showPic(str) {
document.getElementById("Layer_a").style.left = event.x;
document.getElementById("Layer_a").style.top = event.y;
document.getElementById("Layer_a").href = str;
document.getElementById("Layer_a").style.display = "block";
}
function hiddenPic() {
document.getElementById("Layer_a").style.display = "none";
}当鼠标悬浮到div上的时候,显示Layer_a,然后可以点击Layer_a弹出新页面。
当鼠标不div范围的时候Layer_a隐藏。
但是图片是可以点击的,这样的话用onmouseout就不行了。
DIV不止一个,且没有ID。<a id="Layer_a" href="#" target="_blank" style="display: none; position: absolute;z-index: 1;">
<img src="../../images/betterTip/help.png" alt="" />
</a>
<div onmouseover="showPic('www.123.com');">if</div>
<div onmouseover="showPic('www.456.com');">else</div>
function showPic(str) {
document.getElementById("Layer_a").style.left = event.x;
document.getElementById("Layer_a").style.top = event.y;
document.getElementById("Layer_a").href = str;
document.getElementById("Layer_a").style.display = "block";
}
function hiddenPic() {
document.getElementById("Layer_a").style.display = "none";
}当鼠标悬浮到div上的时候,显示Layer_a,然后可以点击Layer_a弹出新页面。
当鼠标不div范围的时候Layer_a隐藏。
解决方案 »
- 这个修改frame的网址,怎么就是不灵
- 一些基本的概念理解,谁能帮我看看,我错在哪里?
- 如何获取未知高度页面滚动条的位置?
- 用JavaScipt使网页的背景白天和晚上不一样
- 请教js高手:网页背景色实现三种颜色渐变效果
- 陶宝的注册页中,校验码难道放在cookie中了吗?为什么断网后也可以判断输入是否正确?
- 定了Select长度后,怎样使Select中的Option完全显示?
- javascript有没有好的chm文档
- 用showModalDialog打开一个窗口,如果在关闭这窗口时刷新父窗口?
- 帮帮菜鸟,小问题,解决后马上给分!!!
- for循环
- 求助啊,怎么用highcharts中画一个类似x轴的线?
一种是 不点图片 那么 时间到了隐藏图片‘
一种是 点图片 那么 图片的mouseover事件种 停止上面的 settimout 图片的mouseout中隐藏图片