jquery之 淡入淡出
我是想实现,点击“隐藏”按钮让DIV模块淡出,点击“显示”按钮让DIV模块淡入。现在这代码没有效果,请问这代码哪里有问题,代码应该怎么修改<!doctypehtml><h...
我是想实现,点击“隐藏”按钮让DIV模块淡出,点击“显示”按钮让DIV模块淡入。现在这代码没有效果,请问这代码哪里有问题,代码应该怎么修改
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="li" style="width:200px; height:200px; background:#009BFF"></div>
<input id="btn1" type="button" value="显示">
<input id="btn2" type="button" value="隐藏">
<script type="text/javascript">
$("#btn1").click(function () {
$("#li").fadeIn();
});
//淡出
$("#btn2").click(function () {
$("#li").fadeOut();
});
</script>
</body>
</html> 展开
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="li" style="width:200px; height:200px; background:#009BFF"></div>
<input id="btn1" type="button" value="显示">
<input id="btn2" type="button" value="隐藏">
<script type="text/javascript">
$("#btn1").click(function () {
$("#li").fadeIn();
});
//淡出
$("#btn2").click(function () {
$("#li").fadeOut();
});
</script>
</body>
</html> 展开
3个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询