jquery动态内容如何实现淡入淡出 20
2个回答
展开全部
<html>
<head>
<script type="text/javascript" src="
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
//调用淡出
$(".new").fadeOut(3000)
});
$(".btn2").click(function(){
//先添加元素 不显示
$("body").append("<p class='new'’ style='display:none;'>动态添加的内容</p>");
//调用淡入
$(".new").fadeIn(3000);
});
});
</script>
</head>
<body>
<button class="btn1">淡出</button>
<button class="btn2">添加元素并淡入</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2017-08-17 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<script>
jQuery(function($){
$("#id").html($("<div>内容</div>").fadeIn(3000));
});
</script>
</head>
<body>
<div id="id">
ss
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<script>
jQuery(function($){
$("#id").html($("<div>内容</div>").fadeIn(3000));
});
</script>
</head>
<body>
<div id="id">
ss
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
