• JavaScript控制显示与隐藏


    <!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>
  • 相关阅读:
    ant design拖拽手柄列拖动时样式错乱的解决方案
    ant design pro columns属性valueEnum下拉框按顺序显示
    blob转换为file上传(七牛云等)
    最新前端面试题收集(一)
    node 服务端分层模型小结
    将博客搬至CSDN
    Koa 连接mysql数据,mysql数据库表初始化脚本
    Koa 数据库连接和查询分离, CommonJS 模块遇到的一个坑
    koa session 存储方案
    koa-router 入门与使用
  • 原文地址:https://www.cnblogs.com/flyqingfei/p/5802375.html
Copyright © 2020-2023  润新知