<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<style type="text/css">
img{
width:160px;
height:200px;
position:absolute;
top:100px;
}
.right{
right:10px;
}
</style>
<script type="text/javascript">
$(function(){
$('.dis').click(function(){
$('.data').show(200);
})
$('.hid').click(function(){
$('.data').hide(200);
})
$('.toggle').click(function(){
$('.data').toggle(200);
})
$('.left,.right').click(function(){
$('img').hide(400);
});
})
</script>
</head>
<body>
<img src='C:/Users/admin/Desktop/1.jpg' alt='' class='left'/>
<img src='C:/Users/admin/Desktop/2.jpg' alt='' class='right'/>
<button class="dis">显示</button>
<button class="hid">隐藏</button>
<button class="toggle">切换</button>
<div class="data">
1111111111111111111111111111111
1111111111111111111111111111111111111
1111111111111111111111111111111111
111111111111111111111111111111111111
1111111111111111111111111111111111111</div>
</body>
</html>