用js实现点击文字收缩效果。默认是文字收起效果,点击,展开。再次点击,收缩。
1个回答
展开全部
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function () {
var content = "";
for (var i = 0; i < 20; i++)
content += "葡萄美酒夜光杯,欲饮琵琶马上催。";
$("#p1").html(content);
$("#btn").toggle(function () {
$("#p1").slideDown("slow");
}, function () {
$("#p1").slideUp("slow");
});
});
</script>
<input type="button" id="btn" value="显示/隐藏" /><p id="p1" style="display:none;"></p>
<script type="text/javascript">
$(function () {
var content = "";
for (var i = 0; i < 20; i++)
content += "葡萄美酒夜光杯,欲饮琵琶马上催。";
$("#p1").html(content);
$("#btn").toggle(function () {
$("#p1").slideDown("slow");
}, function () {
$("#p1").slideUp("slow");
});
});
</script>
<input type="button" id="btn" value="显示/隐藏" /><p id="p1" style="display:none;"></p>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询