一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。
当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。
模式对话框:
window.showModalDialog(sURL [, vArguments] [, sFeatures]) ;
参数说明:
sURL
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
overFunction
鼠标移到元素上要触发的函数
outFunction
鼠标移出元素要触发的函数
示例
描述:
鼠标悬停的表格加上特定的类
jQuery 代码:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<style>
.hover {
color:red;
font-size:30px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#test").hover(function(){ //这里的如果只定义一个方法,则在鼠标移进id所标识区域触发,而在鼠标移出时则不会触发任何事件。如果为多个方法则移进是触发第一个移出事触发第二个事件。
//alert("ndgoifd");
window.showModalDialog("bind.html");//弹出新的窗口
$(this).addClass("hover");
},
function() {
$(this).removeClass("hover");
});
});
</script>
</head>
<body>
<span id="test">
请把鼠标移动这里来
</span>
</body>
</html>