DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 如何在兩個div之間進行切換
如何在兩個div之間進行切換
編輯:布局實例     

 我在中國外貿企業名錄網站中,需要使用到此方法,由於企業簡介有多有少,不確定,因此全部顯示出來容易讓頁面比較難看,再說企業簡介看的人少,很多人可能只需要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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved