寂然雪空 2020-12-12 11:37 采纳率: 0%
浏览 6

一直设置不了全表格对应宽度

 

  • 写回答

1条回答 默认 最新

  • 歇歇 2020-12-12 13:57
    关注

    <html>
    <head>
    <script type="text/javascript" src="jquery-1.8.0.js"></script>


    <script type="text/javascript">


    $(document).ready(function(){
      var isdown = false;
      var beginx = 0;
      var oldwidth = 0;
      var parent;
      $(document).mouseup(function(evt){
    isdown = false;
      });
      $(".test").mousedown(function(evt){
         isdown = true;
    beginx = evt.pageX;
    parent = evt.srcElement.offsetParent;
    oldwidth = parent.clientWidth;
      });
      $(document).mousemove(function(evt){
    if ( isdown )
    {
    parent.width = oldwidth + evt.pageX - beginx;
    }
      });
    });
    </script>
    <style>
    .test
    {


    background-color:red;
    width:4px;
    height:30px;
    float:right;
    cursor:e-resize;
    }
    </style>
    </head>
    <body>
    <table border="1" >
    <tr>
    <th class="resizehead" ><span class="test"> </span>name<span class="test"> </span></th>
    <th class="resizehead" ><span class="test"> </span>sex<span class="test"> </span> </th>
    <th class="resizehead" ><span class="test"> </span>country<span class="test"> </span></th>
    </tr>


    <tr>
    <td>1</td>
    <td>2</td>
    <td>4</td>
    </tr>
    <tr>
    <td>11</td>
    <td>21</td>
    <td>41</td>
    </tr>
    <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    </tr>
    </table>




    </body>
    </html>

    评论

报告相同问题？

悬赏问题

  • ¥15 需要写计算过程，不要写代码，求解答，数据都在图上
  • ¥15 向数据表用newid方式插入GUID问题
  • ¥15 multisim电路设计
  • ¥20 用keil，写代码解决两个问题，用库函数
  • ¥50 ID中开关量采样信号通道、以及程序流程的设计
  • ¥15 U-Mamba/nnunetv2固定随机数种子
  • ¥15 vba使用jmail发送邮件正文里面怎么加图片
  • ¥15 vb6.0如何向数据库中添加自动生成的字段数据。
  • ¥20 在easyX库下编写C语言扑克游戏跑的快，能实现简单的人机对战
  • ¥15 svpwm波形异常求解答