鼠标悬停时显示 DIV

发布于 2024-11-27 20:29:30 字数 103 浏览 2 评论 0原文

你最近用谷歌搜索过吗? 谷歌显示搜索后,如果您将鼠标放在搜索词上,谷歌会在右侧显示带有阴影框的站点预览,并允许用户控制(关闭)DIV。

我如何实现该脚本?

谢谢

Have you done search on google recently?
After google displays the search, if you put your mouse over search term google displays a preview of the site to the right with shadowbox and allows the user to control (close) the DIV.

How do I achieve that script?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

沧桑㈠ 2024-12-04 20:29:30

要达到这一点需要采取许多步骤。

首先,查看 JQuery 并熟悉其语法。

其次,阅读 .hover() 函数,它允许您执行以下操作:

$('#my_preview_link').hover(function(){
    $('#my_preview_div').fadeIn();
},function(){
    $('#my_preview_div').fadeOut();
});

There are many steps required in getting you to that point.

First, check out JQuery and become comfortable with the syntax.

Second, read up on the .hover() function which will allow you to do something like this:

$('#my_preview_link').hover(function(){
    $('#my_preview_div').fadeIn();
},function(){
    $('#my_preview_div').fadeOut();
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文