JavaScript展开与收起效果
本文介绍了一个简单的JavaScript功能，通过点击按钮实现内容区域的展开与收起效果。该功能利用了JavaScript对DOM元素的操作来改变显示状态，适用于网页中需要节省空间展示详细内容的场景。
<div class="cont3" id="t"></div>
<a class="tb_bottom" href="#" onClick="doAct(this);">更多</a>
<script>
function doAct(s){
var t = document.getElementById('t'),
c = s.className;
//有more属性
if(c != null && c.indexOf('more') > -1){
s.className = c.replace('more', '');
t.className = t.className.replace('Large', '');
}else{
s.className = c + ' more';
t.className = t.className + ' Large';
}
}
</script>
<a class="tb_bottom" href="#" onClick="doAct(this);">更多</a>
<script>
function doAct(s){
var t = document.getElementById('t'),
c = s.className;
//有more属性
if(c != null && c.indexOf('more') > -1){
s.className = c.replace('more', '');
t.className = t.className.replace('Large', '');
}else{
s.className = c + ' more';
t.className = t.className + ' Large';
}
}
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
