52,797
社区成员
发帖
与我相关
我的任务
分享
<style>
.parent{width:300px;overflow:hidden;height:20px;line-height:20px;background:#eee;zoom:1;float:left}
.parent a{margin-right:5px;display:block;float:left}
.more{margin-left:10px;float:left}
</style>
<div class="parent" id="dvBrand"><a href="#">耐克</a><a href="#">耐克</a><a href="#">阿迪达斯</a><a href="#">阿迪达斯</a><a href="#">阿迪达斯</a><a href="#">阿迪达斯</a>
<a href="#">耐克</a><a href="#">耐克</a><a href="#">阿迪达斯</a><a href="#">阿迪达斯</a><a href="#">阿迪达斯</a><a href="#">阿迪达斯</a></div>
<a href="#" class="more" onclick="return More(this)">更多</a>
<script>
function More(a) {
var dv = document.getElementById('dvBrand'), exp = a.innerHTML == '更多';
dv.style.height = exp ? 'auto' : '20px';
a.innerHTML=exp?'收缩':'更多'
return false;
}
</script>