[英]Information box based on drop down selection
这是我要尝试的操作。.我有一个放置框,我希望一个浮动框显示基于该项目的定义。
例如,列表包含
项目1项目2项目3项目4
用户将鼠标悬停在项目2上,将弹出一个简短说明。
我有办法吗? 我不是在寻找整个代码,我只是想指出正确的方向。
谢谢...
有许多不同的方法可以完成此任务。
纯CSS
<a>Hover over me!</a>
<div>Stuff shown on hover</div>
div {
display: none;
}
a:hover + div {
display: block;
}
也有jQuery的:
$("#yourElement").attr('title', 'This is the hover-over text');
如果您可能需要大量使用它,则jquery中也有一个插件:
jQuery Tooltip插件。 在这里找到
javascript:
<div style="width: 80px; height: 20px; background-color: red;"
onmouseover="document.getElementById('div1').style.display = 'block';">
<div id="div1" style="display: none;">Text</div>
</div>
onmouseout="document.getElementById('div1').style.display = 'none';"
另一个jquery选项是show and hide:
$("#menu").hover(function(){
$('.flyout').show();
},function(){
$('.flyout').hide();
});
jQuery mouseover和mouseout:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.