• 收起展开


    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>
    p{
        border:10px solid #ccc;
        background:#ffc;
        400px;
        padding:20px;
        font-size:16px;
        font-family:"微软雅黑";
        margin:40px auto;
     }
    </style>
    <script type="text/javascript">
    window.onload = function ()
    {
        var ospan = document.getElementsByTagName('span')[0];
        var oa = document.getElementsByTagName('a')[0];
        var str = ospan.innerHTML;
        var onoff = 1;
        oa.onclick = function ()
        {
            if(onoff)
            {
                ospan.innerHTML = str.substring(0,20);
                oa.innerHTML = '>>展开';
                
            }
            else
            {
                ospan.innerHTML = str;
                oa.innerHTML = '>>收起';
            }
            onoff = !onoff;
        }
    };
    </script>
    </head>
    
    <body>
    <p>
    <span>世界经济论坛自2006年起发起《全球性别差距报告》,每年评选一次。在今年公布的报告中,名列前十的分别是:冰岛、芬兰、挪威、瑞士、丹麦、尼加拉瓜、卢旺达、爱尔兰、菲律宾、比利时。虽然没有一个国家全面消除了性别差距,但北欧国家依然是世界上最平等的国家。中国排名第87位,下降了18位。<br/>
    你相信吗?我相信。许多的事件都彰显出越来越危险的迹象。
    下面有评论,说到国内的影视文艺作品就很能反映出,“某些作品反映出的女性意识甚至还不如八十年代的水平,不少都是包着现代华丽外壳的封建遗毒。”
    是啊,女人是怎么坐在沙发上,乐呵呵地看着《甄嬛传》(及其他宫斗剧),如花似玉的闺女围着一个老头子打转,争宠,甚至彼此残杀的呢?
    各个现代家庭剧里的女主角,都深陷在斗小三(或者自己是小三)、婆媳恶战、以死相逼(婚)中,恶形恶状,勉力维持周全,怎么看得下去呢?“这就是现实。”对,因为是现实,所以更加生气。
    也更加难过。</span>......<a href="javascript:">>>收起</a>
    </p>
    </body>
    </html>
  • 相关阅读:
    ZooKeeper Java例子(六)
    css盒模型
    竖直方向三栏布局
    水平方向三栏布局
    js判断一个字符串是以某个字符串开头
    js防止重复点击
    升级 AngularJS 至 Angular
    js实现大文件分片上传的方法
    使用svn进行本地代码管理
    angular使用代理解决跨域
  • 原文地址:https://www.cnblogs.com/mayufo/p/4187665.html
Copyright © 2020-2023  润新知