仿优酷显示隐藏详细信息

DATE: 2016-11-10 / VIEWS: 621

<!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>
</head>
<body>
<script type="text/javascript">
dwLimit=100;
function showHide(id,szShow,szHide,objMe){
var x = document.getElementById(id);
if(!x) return;
if(x.style.display == "none"){
    x.style.display = "";
    objMe.innerHTML=szShow;
}else{
    x.style.display = "none";
    objMe.innerHTML=szHide;
}  
}
fLue=function(dwID,szShow,szHide){
var szLn=document.getElementById(dwID).innerHTML;
    if(szLn.length>dwLimit){
        var objReg=new RegExp("(.{"+dwLimit+"}\r*\n*)$", "i");
        szLn=szLn.replace(objReg,"<span id='Inet_ShowHide' style='display:none;'>$1</span><a href='###' onclick=\"showHide('Inet_ShowHide','"+szShow+"','"+szHide+"',this);return false;\">"+szHide+"</a>");
        document.getElementById(dwID).innerHTML=szLn;
    }
}
window.onload=function(){
    fLue("MyText","隐藏详细信息","显示详细信息");
}
</script>
<div id="MyText">
道合盛景景观设计（北京）有限公司、北京雷杰园林水景设备有限公司是一家全方位发展的环境景观设计公司。公司拥有优秀的设计及施工管理队伍100余人，提供居住、城市公共空间、公园绿地、别墅庭院等环境景观规划设计、园林施工的专业服务。经过多年的努力，现有业务已涉及本地区及外埠多项重要工程，获得业界好评，并朝着争创一流品牌景观公司的方向不懈努力，我们愿与各界朋友竭诚合作、携手进步、全力奉献高品质的景观杰作。
</div>
</body>
</html>