码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript控制显示与隐藏

时间:2016-08-24 13:02:27      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js显示隐藏层</title>
<script>
function look(targetid,objN){
      var target=document.getElementById(targetid);
      var clicktext=document.getElementById(objN)

            if (target.style.display=="block"){
                target.style.display="none";
                clicktext.innerText="点击查看详细信息";

            } else {
                target.style.display="block";
                clicktext.innerText=关闭详细信息信息;
            }
   
}

</script>
<style type="text/css">
a { text-decoration: none; }
#looklook{ cursor:pointer;}
#text{ width:1000px; border: 1px solid #CCC; background: #f8f8f8; padding: 20px; }
.dis{ display: none; text-indent:2em;}
</style>
</head>

<body>
<a id="looklook" onClick="look(‘text‘,‘looklook‘)">点击查看详细信息</a>
<div id="text" class="dis">
任风飞扬,任发丝飞舞,寂静的夜,还有许些零零散散的路人,霓虹闪烁的路灯,把影子拉得好长好长,思绪已飞远,就像回到了从前,那些自己一个人走过的坎坷,面对黑夜的彷徨,蜷缩在角落里的孤单,面对人心的冷淡,只想,逃远,再逃远,躲回自己的世界。<br>好想一醉解千愁,看到酒,不再是一而再的排诉,是从什么时候开始的呢,时不时的想一醉方休。带着淡淡的忧伤眼眸,安宁的看着夜空,今夜的天,没星星,那如同一闪一闪的泪光,今夜,没看见;带着淡淡的失落,那不被懂得的落寞,嘴角勾起一抹浅笑,一步一步退回自己的孤岛。<br>剪不断理还乱的复杂情感,忽冷又忽热的难以接受的怠慢。
</div>

</body>


</html>

 

JavaScript控制显示与隐藏

标签:

原文地址:http://www.cnblogs.com/flyqingfei/p/5802375.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!