前端开发文字截取显示、隐藏

做前端开发需要用苹果笔记本吗 web前端开发需要英语好吗 学前端开发需要看书吗

html 代码片段

<!DOCTYPE html>
<html lang=”en”>
<head>
    <meta charset=”UTF-8″>
    <title>Document</title>
    <style>
        .unfold,.pack{ display: none; color: red; cursor: pointer;}
</style>
</head>
<body>
    <script type=’text/javascript’ src=’http://fkweber.com/demo/jquery.js’></script>
    <script>
        window.onload = function () {
            var box = $(‘.box’).text();
            function cutText() {
                if (box.length > 50) {
                    $(‘.unfold’).show();
                    $(‘.box’).text(box.substr(0, 50) + “…”);
                };
            };
            cutText();
            $(‘.unfold’).click(function () {
                $(‘.box’).text(box);
                $(this).hide();
                $(‘.pack’).show();
            });
            $(‘.pack’).click(function () {
                cutText();
                $(this).hide();
            });
        }
    </script>
    <span class=”box”>
        html发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单,不就是制作网页
        嘛,其实不然,web前端需要掌握的核心语言xHTML+css+JavaScript,JavaScript作为最难的语言之一,许多编程高手也不敢妄
        自菲薄自封精通。由于JavaScript与html的差异性,以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成
        的。小公司因为需要压缩成本,就要求每个人会的越多越好,如果您想往项目经理发展,能懂一两门后台语言,绝对是锦上添花!
    </span>
    <span class=”unfold”>展开</span>
    <span class=”pack”>收起</span>
</body>
</html>

前端开发需要的工具包 web前端开发需要考研吗‘’ web前端开发需要考研吗\’\’

» 本文来自:前端开发者 » 《前端开发文字截取显示、隐藏》
» 本文链接地址:https://www.rokub.com/5872.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 1

评论前必须登录!

 

  1. #1

    nice

    匿名2年前 (2018-09-27)