物流大超市
标题:
新闻天下网站前端制作之点击展开更多效果
[打印本页]
作者:
kaixun
时间:
2023-2-23 11:37
标题:
新闻天下网站前端制作之点击展开更多效果
点击展开更多
商城小程序
的具体问题可以到我们网站了解一下，也有业内领域专业的客服为您解答问题，为成功合作打下一个良好的开端！
首种是底部导航栏下拉展示更多，默认显示个，超出个则隐藏，点击展示更多，效果如下图所示：
H:
=_
=
=P
=-
=SO2
=ECG
=EKG
=T
=NIBP
=IBP
=F
=EEG
=O2
=P
=EEGS
=NA
=_
M
=S
=-
=T
=D
J:
$((){
=$('
1)');
$()();
=$('_');
$()((){
($()(
){
$()();
$()(-,'(1)')('M');
}{
$()();
$()({'-':'(1)'})(H);
}
;
})
})
这其中用到了
)选择器，这里是选择前2个之后的所有元素使其隐藏。
)的值从0开始。
第二种是展示折叠更多内容文字，可以将长长的文字按照要求进行折叠展示，效果如下图所示：
H:
=
=先生
=
=68年8月出生，国籍，境外长时间居留权，大专学历，注册会计师。
88年7月至98年4月，历任医药保健品进出口财务科会计、科长；98年5月99年1月，任高科技有限财务总监；00年至今，任医疗用品股份有限董事、副总经理、首席财务官
=_
=展开详情+
=
=
女士
=
=68年8月出生，国籍，境外长时间居留权，大专学历，注册会计师。
88年7月至98年4月，历任医药保健品进出口财务科会计、科长；98年5月99年1月，任高科技有限财务总监；00年至今，任医疗用品股份有限董事、副总经理、首席财务官68年8月出生，国籍，境外长时间居留权，大专学历，注册会计师。
88年7月至98年4月，历任医药保健品进出口财务科会计、科长；98年5月99年1月，任高科技有限财务总监；00年至今，任医疗用品股份有限董事、副总经理、首席财务官
=_
=展开详情+
=
J:
$((){
$()((){
=$()('')();
($()C('')){
$()C('');
$()('')(展开详情+);
$()('')({
'':'56','-':'400'
});
}{
$()C('');
$()('')(收起);
$()('')({
'':,'-':'400'
});
}
});
})
欢迎光临 物流大超市 (https://www.9999956.com/bbs/)
Powered by Discuz! X3.2
1)');
){)选择器，这里是选择前2个之后的所有元素使其隐藏。)的值从0开始。