鼠标悬停在浏览器栏/后退按钮时弹出Javascript弹出窗口

时间:2010-10-29 18:42:47

标签: javascript popup hover mouseover

我想在此页面上模仿这个确切的功能。 (将鼠标移向顶部浏览器栏)

http://my-personal-growth.com/personal-growth/what-anthony-robbins-teaches-about-emotions-and-meaning

我想我需要知道的是如何创建悬停鼠标动作,其余的我应该能够处理自己。

任何教程?我不知道js。

谢谢大家。

3 个答案:

答案 0 :(得分:2)

你可能会注意到( f&!ing )弹出窗口底部的小文字:

  

Powered by ActionPopup

这就是它的完成方式。

不要这样做。

(当你打开ActionPopup页面时,你不只是喜欢开始与你交谈的声音吗?)

答案 1 :(得分:2)

您可以使用window.onmouseout事件或对您正在使用的页面上的元素使用onmouseout。

这样的事情:

<html>
<head>

<title>onmouseout test</title>

<style type="text/css">
.my_box { border: 1px solid red; }
</style>

<script type="text/javascript">

window.onmouseout = mouseout;

function mouseout()
{
 alert("mouseout event detected!");
}
</script>
</head>

<body>
<div class="my_box">
<p>move the mouse pointer away from the element it is on<br />
to fire the mouseout event.</p>
</div>
</body>
</html>

答案 2 :(得分:1)

正如Matt Ball所说,它是由ActionPopup制作的。

如果你想看看它是如何完成的,你可以看看这里的代码:

http://my-personal-growth.com/wp-content/plugins/action-popup/actionpopup.php

(不确定为什么它有php扩展......)

但正如其他人所说,这是一个非常烦人的功能。我真的不知道它会如何有用。