相思资源网 Design By www.200059.com
本文实例讲述了jQuery实现表格行上移下移和置顶的方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>jQuery实现表格行上移下移和置顶</title> <meta name="keywords" content="jquery,滑动" /> <meta name="description" content="Helloweba文章结合实例演示HTML5、CSS3、jquery、PHP等WEB技术应用。" /> <link rel="stylesheet" type="text/css" href="css/main.css" /> <style type="text/css"> .demo{width:600px; margin:60px auto 10px auto; font-size:16px} .table {border-collapse: collapse !important;width: 100%;max-width: 100%;margin-bottom: 20px;} .table td,.table th {background-color: #fff !important;} .table-bordered th,.table-bordered td {border: 1px solid #ddd !important;} .table tr td {padding: 8px;line-height: 1.42857143;vertical-align: middle;border-bottom: 1px solid #ddd;} .table tr:hover {background-color: #f5f5f5;} </style> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">希望本文所述对大家的jQuery程序设计有所帮助。
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无jQuery实现表格行上移下移和置顶的方法的评论...