在鼠标悬停时显示jQuery弹出窗口
在鼠标悬停时显示jQuery弹出窗口
提问于 2011-12-30 03:14:50
在一个ASPX页面内，我想有弹出窗口显示在关闭xy坐标的地方鼠标悬停是做(类似于窗口状态栏，当我们鼠标悬停展望它旁边显示了一些东西。)
因此，在我的ASPX页面中，目前我有一个jquery，它在页面的中央显示对话框(它将ASPX页面屏蔽成全白，然后将实际内容显示为弹出窗口)，但我希望在不屏蔽aspx页面的情况下，在靠近鼠标悬停的地方显示弹出窗口。
ASPX页面有很少的jquery引用。下面是ASPX页面。
<asp:Content ContentPlaceHolderID="PageScript" runat="server">
<div class="inline">
<a href="#" tabindex="-1" class="question-quality"></a>
<span>Quality:</span>
</div>
<div id="dialog_product-quality" class="dialog-content" style="display: none;">
<div class="dialog-content-padding">
<p>
<asp:Literal runat="server" ID="ProductQualityContentText" />
</p>
</div>
</div>
<link type="text/css" href="/store/javascript/css/jquery.ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="/javascript/jquery.ui.core.js"></script>
<script type="text/javascript" src="/javascript/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/javascript/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="/javascript/jquery.ui.slider.js"></script>
<script type="text/javascript" src="/javascript/jquery151.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('div#dialog_product-quality').dialog(dialog_options);
$('a.Quality').hover(function(e){
e.preventDefault();
openDialogWindow('div#dialog_product-quality', 'Product Quality');
});
</script>
</asp:Content>请提个建议。
谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-12-30 03:33:11
报价OP:
...I希望在鼠标悬停位置的closes坐标内显示弹出窗口...
jquery ASPX页面有很少的...The引用...
...Please建议。
jQuery插件，qTip2，可以让你选择让弹出的工具提示或模式框跟随鼠标指针，如果这是你想要的。请看下面的鼠标跟踪演示。
http://craigsworks.com/projects/qtip2/demos/#mouse
jsFiddle Demo with Code
CSS并包含qTip2、JavaScript和Download文件。
<div id="demo-mouse" class="box">
<h3>Hover over this box to see mouse tracking in action</h3>
</div>
$(document).ready(function()
{
$('#demo-mouse').qtip({
content: 'I position myself at the current mouse position',
position: {
my: 'top left',
target: 'mouse',
viewport: $(window), // Keep it on-screen at all times if possible
adjust: {
x: 10, y: 10
}
},
hide: {
fixed: true // Helps to prevent the tooltip from hiding ocassionally when tracking!
},
style: 'ui-tooltip-shadow'
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8672339
复制相关文章
相似问题
腾讯云开发者
