<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script src="../Scripts/jquery-1.4.1.js"
type="text/javascript"></script>
<script type
="text/javascript" >
//hover()方法用于模拟光标悬停事件，当光标移动到元素上时会触发第一个事件，离开时会触发第二个事件
$(function() {
$("#div1").hover( function() {
$(this ).hide ();
}),function() {
$(this).show(600);
};
});
//toggle（function(),function(),function()）方法用来模拟连续点击的单击事件，第一次调用第一函数，以此类推，循环使用，还可以用来隐藏和显示元素
//e.stopPropagation(),用来阻止事件冒泡，e.preventDefault(),用来阻止元素的默认行为
//e.target属性用来获取触发事件的元素
//在DOM中mouseover和mouseout所发生的元素可以通过e.target()方法来访问
//e.pageX/e.pageY获取到光标相对于页面的X坐标和Y坐标
//e.which属性用来获取左中右键
//e.metaKey属性用于获取Ctrol键
//e.originalEvent属性该方法作用是指向原始的事件对象
</script>
</head>
<body>
<div id ="div1" ><span
>fasdfljkaslkdfjalksdjflakjdlasdfljkaslkdfjalksdjflakjasdfljkaslkdfjalksd
jflakjasdfljkaslkdfjalksdjflakjasdfljkaslkdfjalksdjflakjasdfljkaslkdfjalksdjflakjsfkj</span></div>
</body>
</html>
原文：http://www.cnblogs.com/sumg/p/3742701.html