我想让一个div在我悬停在某处超连接的时候显示出来。移开的是时候隐藏。求大神解答!最好有代码!
设置在 script 里 增加 两个方法 用以修改 div 的display 样式
并在 超链接处 设置 属性 onmouseon onmouseover 分别 调用 display的 显示和隐藏方法
额。错了 是 onmouseover 鼠标悬停 和 ommouseout 鼠标移开 这两个属性
<a href="#" onmouseover="document.getElementById('dv').style.display='block'" onmouseout="document.getElementById('dv').style.display='none'">显示div</a>
<div id="dv" style="display:none">div容器</div>
可以用CSS的伪元素功能来设置。就是Robot-D小机器人的第二个链接里的。
其中伪元素:hover就是指定鼠标悬停后用的样式。另一个参考网址
http://www.w3school.com.cn/cssref/selector_hover.asp
使用了jQuery后让我真的不想使用原生js了,$('a').mouseover(function(){$('div').hide();}).mouseout(function(){$('div').hide()});,比楼上的showbo省事多了吧,哈哈
mouseover和mouseout两个事件 而且可以加setTimeout加延迟