给文章加入阅读剩下内容(阅读全文)按钮

这个功能本身十分鸡肋,但是为了页面美观还是有必要的。


1、首先给文章div加入css

overflow: hidden;

2、然后加入一段按钮和js代码

<div class="rest-butt-content" id="rest-butt-content" style="display:none;"><div id="rest-butt" onclick="rest_butt();" style="margin: 1rem auto;line-height: 2.3rem;display: block;width: 8rem;border-radius: 5px;border: 1px solid #6f8ec5;text-align: center;cursor: pointer;color: #6f8ec5;">阅读余下内容</div></div>
<script>
if($('.art-content').height()>600){
// 如果内容页高度大于600
$('.art-content').height('600');
$('#rest-butt-content').show();
// 控制内容页的高度到600
// 且按钮为显示状态
}else{
// 否则不出现阅读更多的按钮
$('#rest-butt-content').hide();
}
function rest_butt(){
$('.art-content').height('100%');
$("#rest-butt-content").remove();
}
</script>

上面的代码加到文章内容结束的后面即可,切勿在一个div内。(具体使用到的class请自己按照自己的class/id修改)以上操作完成之后就可以实现阅读更多内容的按钮

本文结束

本文标签:

版权声明:给文章加入阅读剩下内容(阅读全文)按钮》该篇文章出自【岳泽以博客】,如果您有任何复制、转载行为请注明原文地址!

作者:岳泽以博客

普通的的一位Web爱好者。

返回列表
上一篇:
下一篇:

发表评论

快捷回复:

评论列表 (已有17条评论)
金忠勇于侯爵2020-04-14 16:50回复
通谷简洁的翻译这句话,就是富裕克林所说的“很从25岁就死了,只不过到了75岁才埋藏。
金忠勇于侯爵2020-04-14 14:48回复
通俗简洁的翻译这句话,就是富兰克林所说的“很多人25岁就死了,只不过到了75岁才埋葬”。

人的一生,如果不是生活过了无数个不一样的每一天,而是重复着无数个一样的日子,有何乐趣可言。如果你的人生从30岁就没有了新的挑战了,你的生活从此一眼就能望到尽头,难道这种生活不悲哀吗?
庄子老师侯爵2020-04-11 14:50回复
拿着一千多块的工资,和我付出的根本不成比例,别人都立你是人才,为什么要去做保安,我也只能沉默,我现在我也不知道,对我的未来充满了迷茫啊,我才20岁,我的青春年华都花在代码上,我觉得我现在做其他事情还来得及,但是我一直喜允技术,能让我发挥自己的无限。
小帮子侯爵2020-04-10 11:14回复
拿着1000多块的工资.和我付出的根本不成比例...别人都说你是人才,为什么要去做保安.我也只能沉默..我现在我也不知道,对我的未来充满了迷茫啊..我才20岁,我的青春年华都花在了代码上...我觉得我现在做其他事情还来得及,但是我一直喜欢技术,能让我发挥自己的无限
小精灵侯爵2020-04-09 10:28回复
初中毕业后,有一个很长的暑假,所以我就想要学习kali,那个时候觉得那种敲命令行的方式来入侵好帅啊(嘻嘻,大家别见笑了),然后就下载了一些kali的视频教程来看,一开始是学习了一些arp欺骗工具的时候,之后又学习了sqlmap还有一些漏洞扫描工具的使用,之后又下载了诸葛建伟大神的metasploit魔鬼训练营学习,搭建了里面的环境,一步一步跟着做,不过里面有一步是使用openvas来扫描系统漏洞,我跟着做的时候,在更新一些漏洞库的时候,总是中断失败了,应该是服务器在国外的原因。
我搞了一两天还是没有成功后,我就放弃了,然后又买了其他和kali有关的书籍来看,感觉这些书籍的内容都差不多,都只是在讲一些工具的使用而已,这个时候我才意识到学习网络安全不是学习各种工具而更重要的是理解里面的那些工具利用的漏洞的原理,同时我也意识到我各方面的基础都太差了,比如我在学kali的时候我连Linux的都没懂多少,对各种漏洞也懂得很少。我学sql注入的时候,我基本也只懂个select,insert,delete,update这些简单的语句,我在学xss的时候,对javascript基本上只懂一点点皮毛。
小苹果侯爵2020-04-08 11:52回复
自从疫情以来,几乎就是单位、家两点一线,实在需要补充粮食才会去下超市。这几天小长假本来也想窝在家的,架不住某人想出门的心,今天就去铜锣湾广场逛了逛。人还是挺多的,我不是那种喜欢凑热闹的人,人一多就有点烦躁。为什么呢?因为视力太好,每个人的表情、穿着、打扮、行为举止都净收眼底,就会有很多看不惯的地方。可能年纪大了,有些小年轻的穿着打扮怎么看都看不顺眼。不过,逛商场的目的主要是购物、休闲、消费嘛。但是店里的导购员又让我心烦,我就喜欢自助购物,看到喜欢的东西就付钱,谁都别来打扰我的那种。所以,很多人说逛商场很有乐趣,但是我却对商业化的东西感受不到乐趣,反而对我来说还是一种消耗。
    看来,休息的时候,我还是适合待在家,出门对我来说是放电是消耗,在家是充电是积蓄能量