在某些网页中,当我们在网页上的某些单词(例如一些流行的电影明星名字)上停止鼠标光标时,会在单词附近显示一个弹出框,显示可能会有一些相关的图片star,电影明星的简短摘要,以及这位电影明星的相关推特链接。然后我们可以在弹出窗口上移动鼠标点击图片或推特链接。
当鼠标光标离开这样的弹出窗口时,弹出窗口将自动消失。
是否有现成的即用型代码来实现这种效果?
顺便说一句:我记得有些网站有一些下划线关键字,当鼠标移动到这些关键字时,关键字会弹出相关的广告窗口。这是我在这个问题中寻找的效果。
提前谢谢, 乔治答案 0 :(得分:4)
查看[jQuery TOOLS] [1] - 工具提示。
[1]:http://flowplayer.org/tools/index.html jQuery Tools
答案 1 :(得分:2)
您正在寻找HoverCard效果吗?
http://www.shoutmeloud.com/gravatar-hovercards-for-wordpress-org-blogs.html
http://closure-library.googlecode.com/svn/docs/closure_goog_ui_hovercard.js.source.html
答案 2 :(得分:1)
我认为onmouseover
是您需要研究的内容
答案 3 :(得分:1)
您可能还想在某些HTML元素中使用title
属性。
本页的一个例子:
<span class="reputation-score" title="your reputation score; view reputation privileges">611</span>
当您将鼠标悬停在信誉上时,您会在title属性中收到消息。它不像其他一些答案那样华丽,但它快速而简单。