手机
当前位置:查字典教程网 >网页设计 > 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>

【如何在两个div之间进行切换】相关文章:

CSS布局实例:上中下三行,中间自适应

CSS文本如何折行介绍

如何在网页中插入CSS

如何使整个网站网页变成灰色

如何使CSS渲染更高效

如何进行CSS布局

如何利用CSS3制作3D文字效果

CSS如何控制li标记样式

如何将链接的下划线做成虚线?

CSS如何让背景不能滚动

精品推荐
分类导航