服务热线 400-660-8066
青岛网站建设
点击展开更多
第一种是底部导航栏下拉展示更多，默认显示n个，超出n个则隐藏，点击more展示更多，效果如下图所示：
Html：
pclass=foot_nav
ulclass=clearfix
ipclass=subtitProducts/
pclass=drop-downspecial
ul
iahref=SpO2/a/liiahref=ECG/a/liiahref=EKG/a/liiahref=Temp./a/liiahref=NIBP/a/liiahref=IBP/a/liiahref=Fetal/a/liiahref=EEG/a/liiahref=O2sensor/a/liiahref=Pelvicelectrode/a/liiahref=EEGSensor/a/liiahref=NewArrvials/a/li/ul
pclass=more_btn
spanMore/span
/
/
/li
ipclass=subtitSupport/
pclass=drop-down
ul
iahref=Technicalsupport/a/liiahref=Datadownload/a/liul
/
/li
/ul
/
Js：
$(function(){
varhide=$('.specialulli：gt(1)');
$(hide).hide();
varbtn=$('.more_btnspan');
$(btn).click(function(){
if($(hide).is(：visible)){
$(hide).hide();
$(this).css(background-image，'url(images/img14
1.png)').text('More');
}else{
$(hide).show();
$(this).css({'background-image'：'url(images/img141a.png)'}).text(Hide);
}
returnfalse;
})
})
这其中用到了：gt()选择器，这里是选择前2个之后的所有li元素使其隐藏。：gt(index)index的值从0开始。
第二种是展示折叠更多内容文字，可以将长长的文字按照要求进行折叠展示，效果如下图所示：
Html：
pclass=introduction
ul
ipclass=tit先生/
pclass=txt
pclass=sp1968年8月出生，中国国籍，无境外永久居留权，大专，中国注册会计师。br/
1988年7月至1998年4月，历任保健品进出口公司财务科会计、科长；1998年5月1999年1月，任高科技有限公司财务总监；2000年至今，任医疗用品股份有限公司董事、副总经理、首席财务官/
/
pclass=more_btn
span class=mbtn展开详情+/span
/
pclass=icon/
/li
ipclass=tit
女士
/
pclass=txt
pclass=sp1968年8月出生，中国国籍，无境外永久居留权，大专，中国注册会计师。br/
1988年7月至1998年4月，历任保健品进出口公司财务科会计、科长；1998年5月1999年1月，任高科技有限公司财务总监；2000年至今，任医疗用品股份有限公司董事、副总经理、首席财务官1968年8月出生，中国国籍，无境外永久居留权，大专，中国注册会计师。br/
1988年7月至1998年4月，历任保健品进出口公司财务科会计、科长；1998年5月1999年1月，任高科技有限公司财务总监；2000年至今，任医疗用品股份有限公司董事、副总经理、首席财务官/
/
pclass=more_btn
span class=mbtn展开详情+/span
/
pclass=icon/
/li
/ul
/
Js：
$(function(){
$(.introductionulli).click(function(){
varhei=$(this).find('.sp').height();
if($(this).hasClass('on')){
$(this).removeClass('on');
$(this).find('.mbtn').html(展开详情+);
$(this).find('.txt').css({
'height'：'56px'，'transition-duration'：'400ms'
});
}else{
$(this).addClass('on');
$(this).find('.mbtn').html(收起);
$(this).find('.txt').css({
'height'：hei，'transition-duration'：'400ms'
});
}
});
})
添加动力小姐姐微信
电话咨询
400-660-8066
