jquery特效展示图片toggle()的使用(显示/隐藏图片)
技术分析
使用jquery中的效果,中的toggle()函数
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.8.3.js"></script>
<style>
div{
border:1px solid red;
width:350px;
height:350px;
margin:auto;
text-align:center;
}
</style>
<script>
$(function(){
$("#but1").click(function(){
$("div img").toggle();
});
});
</script>
</head>
<body>
<div>
<input type="button" value="显示/隐藏" id="but1"/><br />
<img src="img/2.jpg" width="200px" height="200px" align="center"/>
</div>
</body>
</html>
页面效果展示
点击显示和隐藏按钮来控制图片是否显示
显示
