多段文本显示省略号 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
* {
    margin:0;
    padding:0;
}
body {
    padding:20px;
}
p {
    text-indent:2em;
}
.blue {
    color:blue;
    cursor:pointer;
}
</style>
</head>

<body>
<p></p>
<script src="http://vscss.com/dm/jquery.js"></script> 
<script>
    $(function(){
        var oP = '上海，简称“沪”或“申”，中华人民共和国直辖市，中国国家中心城市，中国的经济、金融、贸易、航运中心，首批沿海开放城市。地处长江入海口，隔东中国海与日本九州岛相望，南濒杭州湾，西与江苏、浙江两省相接。上海是一座国家历史文化名城，拥有深厚的近代城市文化底蕴和众多历史古迹。江南传统吴越文化与西方传入的工业文化相融合形成上海特有的海派文化，上海人多属江浙民系使用吴语。早在宋代就有了“上海”之名，1843年后上海成为对外开放的商埠并迅速发展成为远东第一大城市，今日的上海已经成功举办了2010年世界博览会、中国上海国际艺术节、上海国际电影节等大型国际活动。上海辖15个市辖区、1个县，总面积6340平方公里，属亚热带湿润季风气候，四季分明，日照充分，雨量充沛。上海气候温和湿润，春秋较短，冬暖夏凉。1月份最冷，平均气温约4℃，通常7月份最热，平均气温约28℃。';
        if(oP.length>120) {
            var oNewP = oP.substr(0,120);
            $('p').html(oNewP+'... <a class="blue dowm">查看详情</a>');
            
            $('p').on('click','.dowm',function(){
                $('p').html(oP+' <a class="blue up">收起</a>');        
            });
            $('p').on('click','.up',function(){
                $('p').html(oNewP+'... <a class="blue dowm">查看详情</a>');        
            })
        } else {
            $('p').html(oP);
        }
    });    
</script>
</body>
</html>

 

posted on 2016-07-07 09:18  jasonduanmu  阅读(201)  评论(0)  编辑  收藏  举报

导航