js实现加载所有内容点击查看更多

最新推荐文章于 2022-08-08 14:13:13 发布

fjwpsyb

最新推荐文章于 2022-08-08 14:13:13 发布

阅读量3.2k

点赞数 1

文章标签： css js html javascript web

本文链接：https://blog.csdn.net/weixin_44357911/article/details/106222290

版权

功能：过长文章内容实现通过查看更多实现

js代码直接套，示例CSS 请忽视，具体根据需求设置

<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery文本段落展开和折叠效果</title>
    <style>
        html,body,div,h2,p{
   margin: 0;padding: 0;}
        html{
   font: 1em Arial, Helvetica, sans-serif;color: #444;}
        a{
   color: #0087f1;}
        p{
   margin-bottom: 5px;}
        #container{
   margin: 0 auto;width: 600px;}
        #container h2{
   font-size: 20px;color: #0087f1;}
        #wrap{
   position: relative;padding: 10px;overflow: hidden;}
        #gradient{
   width: 100%;height: 35px;background: url() repeat-x;position: absolute;bottom: 0;left: 0;}
        #read-more{
   padding: 5px;border-top: 4px double #ddd;background: #fff;color: #333;}
        #read-more a{
   padding-right: 22px;background: url() no-repeat

最低0.47元/天解锁文章

fjwpsyb

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
js实现加载所有内容点击查看更多

功能：过长文章内容实现通过查看更多实现js代码直接套，示例CSS 请忽视，具体根据需求设置<!DOCTYPE html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery文本段落展开和折叠效果</title> <style> html,body,div,h2
复制链接

扫一扫

js实现加载所有内容 点击查看更多

“相关推荐”对你有帮助么？

js实现加载所有内容点击查看更多