推荐于2017-10-01 · 知道合伙人互联网行家
关注
展开全部
javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位
方法一:
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二:
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline"。
方法一:
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二:
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline"。
展开全部
<div>
<p style="width:200px;height:30px;background:#000" id="ss">
</p>
<a href="javascript:void(0)" id="a1" style="">全文</a>
</div>
<script type="text/javascript" src="zepto.js"></script>
<script type="text/javascript">
$("#a1").click(function(){
var g=$(this).text();
if(g=="全文")
{
$("#ss").animate({"width":"0px"});
$(this).text("收起");
}
else{
$("#ss").animate({"width":"200px"},500);
$(this).text("全文");
}
})
</script>
不知道是不是你要的效果
<p style="width:200px;height:30px;background:#000" id="ss">
</p>
<a href="javascript:void(0)" id="a1" style="">全文</a>
</div>
<script type="text/javascript" src="zepto.js"></script>
<script type="text/javascript">
$("#a1").click(function(){
var g=$(this).text();
if(g=="全文")
{
$("#ss").animate({"width":"0px"});
$(this).text("收起");
}
else{
$("#ss").animate({"width":"200px"},500);
$(this).text("全文");
}
})
</script>
不知道是不是你要的效果
追问
这个是从左向右展开的吧.......
追答
加个向右的浮动,不就行了
全文
$("#a1").click(function(){
var g=$(this).text();
if(g=="全文")
{
$("#ss").animate({"width":"0px"});
$(this).text("收起");
}
else{
$("#ss").animate({"width":"200px"},500);
$(this).text("全文");
}
})
细节没注意我
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询