用js与CSS写点击字体弹出div层效果实例?

      
     问题是如何在页面里点击文字，弹出一个div层显示，可以进行操作。
  
       帮忙看看呀？

解决方案 »

  1.   

      为文字所在标签设置 onclick事件 
      在事件中弹出一个层
      或者是先隐藏你需要的层 在onclick事件中 将层display属性设置为block
      

  2.   

    改写style.display似乎是没办法成功的，至少我没成功。
    我最后的解决方案是，在页面中动态创建DIV.
    当然，可以实现设置好它的样式，创建出DIV后，给它设置id，以使其达成预期的样式。
    既然DIV是动态生成，那么里面的文字也要动态的写进去。innerHTML就可以咯。事先写好OnClick事件，就OK了。
      

  3.   

        就是不能用动态？  问题补充：
      
                 要求是在后台相同表里面取数据，但是要在同一个DIV里调用。我现在是把它的链接做了个页面，是要弹出DIV层效果呀？相当于一个查看详细页面样式。做成DIV层。
      这是用table与lable显示出来的
        DIV层    编号 年龄段 员工人数 占全体员工人数比例 
                                             1 20-30岁 69.81 37 
                                        2 31-40岁 13 7 
                                        3 41-50岁 16.98 9 
                                        4 450岁以上 0 0 
      

  4.   

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" href="css/tipswindown.css" type="text/css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jq-main.js"></script>
    <script type="text/javascript" src="js/tipswindown.js"></script>
    </head>
    <body>
    <button id="iframe1">点击我弹出提示</button>
    <div id="testID" style="display: none">
    <table>
    <tr>
    <td>用户名：</td>
    <td><input type="text" onblur="checkName()" id="username" /><span id="s_name"></span></td>
    </tr>
    <tr>
    <td>密&nbsp;&nbsp;&nbsp;码:</td>
    <td><input type="text" onblur="checkPass()" id="pass" /><span id="s_pass"></span></td>
    </tr>
    <tr>
    <td>邮&nbsp;&nbsp;&nbsp;箱：</td>
    <td><input type="text" onblur="checkEmail()" id="email"/><span id="s_email"></span></td>
    </tr>
    <tr>
    <td>手&nbsp;&nbsp;&nbsp;机</td>
    <td><input type="text" id="phnoe"/><span id="s_pass"></span></td>
    </tr>
    </table>
    </div>
    </body>
    </html>
      

  5.   

    jq-main.js
    $(function(){
    $("#id").click(function() {
    tipsWindown("标题","id:testID","350","150","true","","true","id")
    });
     });
     
      

  6.   

    剩下俩太大 发不过去。。
    http://www.hemin.cn/blog/?p=984
    这又源码！