数码资讯
jQuery实现长文本部分显示代码
页面上只有一个小区域,但是解释文本非常长,下面的脚本实现了长文本的一部分。 当用户单击扩展时,文本展开,而组合是单词的组合。 最初用jQuery带来的切换(),可以编写,但当我这样做时,切换不起作用,所以它是用单击+标志完成的。 复制代码代码如下所示: 无功cur_status =少; 扩展({ s
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
页面上只有一个小区域,但是解释文本非常长,下面的脚本实现了长文本的一部分。
当用户单击扩展时,文本展开,而组合是单词的组合。
最初用jQuery带来的切换(),可以编写,但当我这样做时,切换不起作用,所以它是用单击+标志完成的。
复制代码代码如下所示:
无功cur_status =少;
扩展({
show_more_init:函数(){
/ /警报(show_more_init!;
无功charnumbers = $(的内容)。Html(长度); / /总字数
var限制= 100; /显示单词
如果(charnumbers >限制)
{
无功orgtext = $(内容)(HTML); / /原文
无功orgheight = $(内容)(的高度); / /原始高度
无功showtext = orgtext.substring(0,极限); / /最终显示的文本
$(内容),Html(showtext);
无功contentheight = $(内容)(的高度); / /高度截取内容后
$(开关)。Click(
函数(){
如果(cur_status = =少){
$(内容),高度(contentheight)。Html(orgtext)。动画({身高:orgheight },{时间:慢});
$(这个)Html();
cur_status =更多;
其他{ }
$(内容),高度(orgheight)。Html(showtext)。动画({身高:contentheight },{时间:快速});
$(这个)Html(扩展);
cur_status =少;
}
}
);
}
其他的
{
$()。隐藏();
}
}
});
$(文档)Ready(函数(){)
show_more_init()美元;
});
测试
# limittext {
宽度:640px;
高度:自动;
职位:相对;
背景颜色:# CCC;
颜色:黑色;
}
开关{。
字体大小:12px;
文本对齐:中心;
光标:指针;
字体家庭:Verdana;
字体重量:800;
位置:绝对;
底部:0;
宽度:100%;
/ *背景:URL(更多的BG,PNG)repeat-x /底;
身高:40px;
行高:80px;
}
这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一This is a long p段文字。这是一篇很长的课文。It's a long text. 这是一篇很长的课文。这是一篇很长的课文。It's a long text. It's a long text. 这是一篇很长的课文。
正常开放
当用户单击扩展时,文本展开,而组合是单词的组合。
最初用jQuery带来的切换(),可以编写,但当我这样做时,切换不起作用,所以它是用单击+标志完成的。
复制代码代码如下所示:
无功cur_status =少;
扩展({
show_more_init:函数(){
/ /警报(show_more_init!;
无功charnumbers = $(的内容)。Html(长度); / /总字数
var限制= 100; /显示单词
如果(charnumbers >限制)
{
无功orgtext = $(内容)(HTML); / /原文
无功orgheight = $(内容)(的高度); / /原始高度
无功showtext = orgtext.substring(0,极限); / /最终显示的文本
$(内容),Html(showtext);
无功contentheight = $(内容)(的高度); / /高度截取内容后
$(开关)。Click(
函数(){
如果(cur_status = =少){
$(内容),高度(contentheight)。Html(orgtext)。动画({身高:orgheight },{时间:慢});
$(这个)Html();
cur_status =更多;
其他{ }
$(内容),高度(orgheight)。Html(showtext)。动画({身高:contentheight },{时间:快速});
$(这个)Html(扩展);
cur_status =少;
}
}
);
}
其他的
{
$()。隐藏();
}
}
});
$(文档)Ready(函数(){)
show_more_init()美元;
});
测试
# limittext {
宽度:640px;
高度:自动;
职位:相对;
背景颜色:# CCC;
颜色:黑色;
}
开关{。
字体大小:12px;
文本对齐:中心;
光标:指针;
字体家庭:Verdana;
字体重量:800;
位置:绝对;
底部:0;
宽度:100%;
/ *背景:URL(更多的BG,PNG)repeat-x /底;
身高:40px;
行高:80px;
}
这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一段文字,这是很长的一This is a long p段文字。这是一篇很长的课文。It's a long text. 这是一篇很长的课文。这是一篇很长的课文。It's a long text. It's a long text. 这是一篇很长的课文。
正常开放
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。