JQuery:新的“弹出 Div”将鼠标悬停在“My Div”的相对位置时
我想动态创建一个“鼠标悬停”弹出div,就像我们在Stackoverflow(当鼠标悬停在标签上时)/Google+(当鼠标悬停在朋友图像上时)中得到的那样。
目前,我能够从 AJAX 获取文本,但我无法将其置于“朗朗上口的酷”外观中。感觉。
在 JQuery 中有什么简单的方法可以做到这一点吗?
I want to create a "mouseover" pop-up div dynamically, just like What we get in Stackoverflow (When mouse over a tag)/Google+ (when mouseover a friend image).
Curretly I am able to get the text from AJAX, but i am unable to place that in a "Catchy cool" look & feel.
Is there any wasy way to do this in JQuery?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我知道这不是正确的帮助方式,但我为您编写了一些代码:
http://jsfiddle.net/ w8qan/11/
它并不完美 - 我建议阅读 jQuery 的 offset() 和<一href="http://api.jquery.com/position/" rel="nofollow">position() 方法以及它们之间的区别。
如果您希望弹出窗口“时尚” - 按照您想要的方式使用 CSS,请使用 jQuery 的 animate(), show(), slideDown() 等。我专注于在您想要的位置显示您的描述。
I know that it's not the right way to help but I wrote some code for you:
http://jsfiddle.net/w8qan/11/
It is not perfect - i recommend reading about jQuery's offset() and position() methods and differences between them.
If you want you popups "stylish" - use CSS the way you want, use jQuery's animate(), show(), slideDown(), etc. I focused on displaying your description where you want it.
您可以使用
.animate()
方法来创建很酷的自定义动画。对于更广泛使用的效果,请查看此 jQuery 选项列表 http://api.jquery.com /类别/效果/
You can use the
.animate()
method to create cool custom animations..For more widely-used effects have a look at this list of jQuery options http://api.jquery.com/category/effects/