如何在兩個div之間進行切換
2018-08-27 瀏覽:395 作者:admin 類別:網頁設計

我在中國外貿企業名錄網站中,需要使用到此方法,由于企業簡介有多有少,不確定,因此全部顯示出來容易讓頁面比較難看,再說企業簡介看的人少,很多人可能只需要email和電話等信息,所以隱藏一部分,只顯示前200個字符,需要看詳情的,點擊查看更多選項就可以了,以下就是代碼,具體的應用頁面可以參考:

http://cn.companylist.biz/chinese-exports/ac6051674275d15c7a76fe1c54805997.html

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>無標題文檔</title>

<script language=”JavaScript” type=”text/JavaScript”>
<!–
function showhidediv(id){
var age=document.getElementById(“msg_2″);
var name=document.getElementById(“msg_1″);
if (id == ‘name’) {
if (name.style.display==’none’) {
age.style.display=’none’;
name.style.display=’block’;
}
} else {
if (age.style.display==’none’) {
name.style.display=’none’;
age.style.display=’block’;
}
}
}
–>
</script>

</head>

<body>

<div id=”msg_1″ style=”display:block;float:left;” onclick=’showhidediv(“age”)’;>

<span id=”photoTitle” >[Read More]北京靜音寶聲學材料有限公司成立于2006年,是一家專注于聲學材料111</span></div>

<div id=”msg_2″ style=”display:none;float:left;” >

<span id=” style=’color:red;’>北京靜音寶聲學材料有限公司成立于2006年,是一家專注于聲學材料研發生產和市場推廣的科技創新型企業。自創立之初,靜音寶即以打造中國聲學材料和隔音降噪行業第一品牌為己任,并確立了技術創新和品牌創建相結合的發展道路。針對我國建筑市場快速發展情況下日益凸顯的建筑聲學問題,北京靜音寶聲學材料有限公司先后開發了以靜音寶樓板隔音墊為核心的浮筑樓板隔音系統,以靜音寶隔音氈為核心的輕型墻體隔音系統,以靜音寶透明阻尼材料為核心的門窗隔音系統,以靜音寶復合阻尼隔音氈為核心的管道隔音系統,以及以靜音寶裝飾吸音板為核心的室內聲學裝修系統,并最終形成了靜音寶建筑聲學集成解決方案。<br>公司下設聲學材料研發事業部、建筑聲學工程事業部、聲學材料商城事業部和完美視聽空間工作室,并擁有兩家生產隔音專用巖棉和建筑聲學專用玻璃棉的全資工廠。依托領先的技術能力、健全的機構設置以及完整的產業鏈結構,靜音寶能夠為客戶提供建筑聲學和隔音降噪方面全面而完善的服務。</span>
</div>

</body>

</html>

點擊這里給我發消息