鼠标事件
鼠标悬浮显示图片，鼠标离开隐藏图片。
<html>
<head>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(id="#pic1").mouseover(function(){
$("#pic2").show();
});
$(id="#pic1").mouseout(function(){
$("#pic2").hide();
});
});
</script>
</head>
<body>
<center><p>鼠标悬浮显示图片，鼠标离开隐藏图片</p></center>
<div id="pic1" style="width:100px;height:100px;background-color:#0FF;margin-top:auto;margin-left:auto;margin-right:auto">
</div>
<div id="pic2" style="width:300px;height:168px; margin-top:auto; margin-left:auto;margin-right:auto" hidden="">
<img src="http://i4.bvimg.com/639183/29e89fd763c32a2ct.jpg">
</div>
</body>
</html>
按钮事件
按钮点击显示，再次点击隐藏
$("button").click(function(){
$("p").slideToggle();
});
转载请注明出处，zhangquan的博客：https://zhangquan1995.github.io 谢谢！