我一直在寻找一种实现悬停弹出窗口的方法,但一直没有成功。因为它在很多网站上都有使用,所以我认为应该很容易找到指导,但我想知道是否我遗漏了一些基本东西。我已经看过qTips2和其他一些库,但这些似乎比我需要的要复杂得多。
我有一个Rails 3.1应用程序,并希望在用户将鼠标悬停在表格中的某一行上时显示更多详细信息。这是Rails内置功能吗?还是我需要安装附加组件?
我会非常感谢有人能指点我正确的方向。
我一直在寻找一种实现悬停弹出窗口的方法,但一直没有成功。因为它在很多网站上都有使用,所以我认为应该很容易找到指导,但我想知道是否我遗漏了一些基本东西。我已经看过qTips2和其他一些库,但这些似乎比我需要的要复杂得多。
我有一个Rails 3.1应用程序,并希望在用户将鼠标悬停在表格中的某一行上时显示更多详细信息。这是Rails内置功能吗?还是我需要安装附加组件?
我会非常感谢有人能指点我正确的方向。
使用一些CSS和Javascript!
这里有一个可以玩耍的例子:http://jsfiddle.net/cdpZg/
为了防止意外,在此贴出HTML代码:
<div id='user'>I am a user. Move your mouse over me</div>
<div id='popup'>Extended info about a user</div>
<div>I a piece of useless information. No use hovering over me.</div>
CSS:
#popup {
height: 50px;
width: 200px;
text-align: center;
vertical-align:middle;
background-color: cornflowerblue;
color: white;
display: none;
padding-top: 8px;
position: absolute;
}
JavaScript:
$(document).ready(function() {
$('#user').hover(function() {
$('#popup').show();
}, function() {
$('#popup').hide();
});
});
$(document).ready(function(){ "javascript goes here" });
- SteveO7只需像这样在链接上设置标题
<a title="Some text that will show up when I hover over this link">My link</a>