列表多选拖拽自定义拖拽阴影图层（原生html+jquery+js+css）

最新推荐文章于 2023-07-19 13:43:31 发布
最新推荐文章于 2023-07-19 13:43:31 发布
阅读量7.6w 收藏
点赞数 1
分类专栏： htmlDemo 文章标签： css html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46872379/article/details/126055478
版权

自定义拖拽阴影图层：

 

<!DOCTYPE html>
<html lang=en>
<head>
    <title>列表多选拖拽</title>
    <meta content="width=device-width">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
<body>
<div class="h50"></div>
<div class="botTable">
    <div class="tableLeft fl">
        <table border="0" cellspacing="0">
            <tr class="leftHeader">
                <td align="left" valign="middle">
                    Options
                </td>
            </tr>
            <tr>
                <td id="targerTd1" class="tableLeftOpt" align="left" valign="middle">
                    <span id="targerOp1">All</span>
                    <div id="targerNu1" class="fr rightNumber">12</div>
                </td>
            </tr>
            <tr>
                <td id="targerTd2" class="tableLeftOpt" align="left" valign="middle">
                    <span id="targerOp2">Unread</span>
                    <div id="targerNu2" class="fr rightNumber">15</div>
                </td>
            </tr>
            <tr>
                <td id="targerTd3" class="tableLeftOpt" align="left" valign="middle">
                    <span id="targerOp3">suitable</span>
                    <div id="targerNu3" class="fr rightNumber">18</div>
                </td>
            </tr>
            <tr>
                <td id="targerTd4" class="tableLeftOpt" align="left" valign="middle">
                    <span id="targerOp4">Reward Resume</span>
                    <div id="targerNu4" class="fr rightNumber">22</div>
                </td>
            </tr>
            <tr>
                <td class="tableLeftOpt" align="left" valign="middle"></td>
            </tr>
        </table>
    </div>
    <div class="tableRight">
        <table class="fl" border="0" cellspacing="0">
            <tr class="tableHea">
                <td align="center" valign="middle">
                    <input type="checkbox" class="tableRSelectAll">
                </td>
                <td align="center" valign="middle">Name</td>
                <td align="center" valign="middle">Job Title</td>
                <td align="center" valign="middle">Specialties</td>
                <td align="center" valign="middle">Delivery time</td>
            </tr>
            <tr class="tableBody" draggable="true" id="tr1" ondragstart="drag(event)"
                ondragend="dragEnd(event)">
                <td align="center" valign="middle"><input type="checkbox"/></td>
                <td align="center" valign="middle">
                    <div class="tableAvatar fl btnMl15"><img draggable="false"
                                                             src="data:image/png;base64,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"
                                                             alt=""></div>
                    <span class="name">Aung Thi Ha1</span></td>
                <td align="center" valign="middle">Account Analyst1</td>
                <td align="center" valign="middle">E-commerce1</td>
                <td align="center" valign="middle">2022-06-10</td>
            </tr>
            <tr class="tableBody" draggable="true" id="tr2" ondragstart="drag(event)"
                ondragend="dragEnd(event)">
                <td align="center" valign="middle"><input type="checkbox"/></td>
                <td align="center" valign="middle">
                    <div class="tableAvatar fl btnMl15"><img draggable="false"
                                                             src="data:image/png;base64,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"
                                                             alt=""></div>
                    <span class="name">Aung Thi Ha2</span></td>
                <td align="center" valign="middle">Account Analyst2</td>
                <td align="center" valign="middle">E-commerce2</td>
                <td align="center" valign="middle">2022-06-10</td>
            </tr>
            <tr class="tableBody" draggable="true" id="tr3" ondragstart="drag(event)"
                ondragend="dragEnd(event)">
                <td align="center" valign="middle"><input type="checkbox"/></td>
                <td align="center" valign="middle">
                    <div class="tableAvatar fl btnMl15"><img draggable="false"
                                                             src="data:image/png;base64,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"
                                                             alt=""></div>
                    <span class="name">Aung Thi Ha3</span></td>
                <td align="center" valign="middle">Account Analyst3</td>
                <td align="center" valign="middle">E-commerce3</td>
                <td align="center" valign="middle">2022-06-10</td>
            </tr>
            <tr class="tableBody" draggable="true" id="tr4" ondragstart="drag(event)"
                ondragend="dragEnd(event)">
                <td align="center" valign="middle"><input type="checkbox"/></td>
                <td align="center" valign="middle">
                    <div class="tableAvatar fl btnMl15"><img draggable="false"
                                                             src="data:image/png;base64,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"
                                                             alt=""></div>
                    <span class="name">Aung Thi Ha4</span></td>
                <td align="center" valign="middle">Account Analyst4</td>
                <td align="center" valign="middle">E-commerce4</td>
                <td align="center" valign="middle">2022-06-10</td>
            </tr>
            <tr class="tableBody" draggable="true" id="tr5" ondragstart="drag(event)"
                ondragend="dragEnd(event)">
                <td align="center" valign="middle"><input type="checkbox"/></td>
                <td align="center" valign="middle">
                    <div class="tableAvatar fl btnMl15"><img draggable="false"
                                                             src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOAAAADgCAMAAAAt85rTAAABMlBMVEX29vb5tE38/PwZEAlDQ0UAAAD///8+PUL29vX8///z8/NDQ0b5s0oVCgAWDAD2+fz5sD75skXu7e72+v/5rzvytVv/u1APAAD1tFYTBgD28+7xtV3s6uv9t04QAAD4tFCGg4I3NTX4y5DvtWL61aQfGBTf3t0/Pj/5wnb27uL338D4xoD36NT32rUjHRo7NC5PSEK4t7UuKigsIxwxKCH369z33byYcDAuIA/60p0mIB/Ix8aysbMqKS/4yYqWlJJkYF5XVFFGPjd3dHLW1dRaUEbhpUzDwsA5MCmzgzpnSiBTOxokGg11VSajeDPqq0pCLxbLlECHYyvHnmQYFBckIytdQx6hoaNqSAn/w2txbmxNQja4sahlV0YtOESGakexhkqSdEjIlkskNETVn03o3cwLg6QWAAAXJ0lEQVR4nO2dC1vbRtaAZZsRQpYsyxd8RzZgDMbgK0m4JAbjhqShSduvXRa+bbrtdv//X9gZXezR6DYzFpA+D6dt0sSWmFfnzDlnbkeC8CIv8iIv8iIv8iIv8iIv8iIv8iIv8iIriSRo6DftudsRj0iLX7R8Pq9VqwcnvV63Z8rJwUFVQH/7N2fVoFRPukfb+0VD0bO46IpR3N8+6p5A0L8fJdIbYuvtHhYhl64rSsIriqLr2YJePtztVv9WqoQ9TcsfvNouFwoQzYfMw5ktGO9eHeTzgm3T37jkpd62QcXmoiwY293qN22ulkORuoeJrM7AthQ9q+y/qn7LiJrWfQdbyUVnazKrH3a/0TgC+92pXliFbsG4ffLtIWpCd5/TMr2IeuH+G1Ij7HqSJh2VVzJND2PW2JW+GURN2lVixbMQ9dNnR5QkCy8u2yREL5w+u0+FhEeJ7KPgmYjKcxtqvlt+PDwkWaP7jITawX4McSFclOz9Sd7qDE8s0HWePjqeiVjYfhY71XqPbJ1L0Y1u/un5tp9EfZYohXdPrEStZzxOaAgSXXlSJWq7T6g+W7LbwlMNF7Xq/lP1Plz0+4OnMVOtpzyteTqi6E9iptpR4VnwkBR2H1+H2vZzmKcj2UPpsfvh/vOYpyP6ffUx6bRq+Xn50PTUI7oa7STx5NHBS6j3tEeyUu3EdwL3qeXRCLVe7MN2Tik8yhBK6z1feCDlMQi1HtNU9SNLNnZC7eRbsU9Lsr2YCQ+eOzyQUoiXsPoNxAe3KNk446FU/tb4IKERV04jCflnzs/8RSnGBCjknzW/DhZ9P57RE934yCjH2PSyQfW1bCyjJ5jA0DSpWIyPsFiu0X2RIuDLkYASTQJaLhu1Gt1jj75X0SiWKZ+WfhCBl4sE1Paj+YyiUSvuGJSPPVwUCFfcgZB03y6HqhDy5aL4dqMN1EggvOJOrbh6MDGgAndqiZ0a5dPSt4MdjSxLuVw9gu8kks+ATxva1M4O5FwVD3VlpWbAR5WgNdLgbijn6rIcqcGoCK+UYUtqsGGoQSu6GQU+JwPdDt5PoXSkcIQfEO+RddaFXDhgfjsqwiODMso1pRZDrlMu79TMp1VjuZd+6Gekcg6KYDKGSOQQ0DBqRm2naGpxVUBk4bViDforhc0f+w2doHeBFppDv4VqMNzmoHkiC0W+ZWflEGEUE0YNdkFDYQ6oumcCA2LVoQ4hXIgCYQp6Gu5hoClBzZWR/1ydrwbNAfXk2g5t71uI/o4wUmiZsqXDMP1JEWNAaE1l6A6gRdE6vGAxdlAkLUPbNCgDoEvcY0OoObP/yUJElM+Hh3iIh3IOpby6eZqJXhkF9x2uZ6XcY4AouJsBPsKBCkKUhynWysimlEWbGpubjQT8r8HeRNiRIV+tYWxuWrdhk+yRizCH4p8clYZqRoRfhH2vWFvGvk3j4/e3AFQ+ff6yyQxolHegEjffv/5UAeD2+48JRkQF9zN2iIjQn3YUmcOUy8ve12i8roBSCkoJgB++MCvRgP7z/ffw+Vi3SH1mu4O+S/bCCDzoY6IUiAAXuVnjy48gtRBQ+YlZicXinwC/xSe2np2tYqtONHxUSfaiDY0vKaxxqH0/eTWgoE3apig+IzDjI3GH2y8sgPo23gsj8aACWe6eaLwppdwC3uOEaMu9Utw/3D7d3d093T7cLypo4z2G2fgJkHf4kclKsxEjQw4FLmXzZ7t1mdTx2TH8NZWqLJunZ5X73e5BNbmxlGT1oLt7r2C7+N5U0OXts7O2mrEJX7PYuX7KtiLDNI32xeLLtFvrSFptFTbvIyJEe81PexAt6ZWNjWrvNFEwf1LjM7xFZmRevn6m2oRM3VCnnkWUqFwoJpuvTcDMWXrdlpEKVbiJtrWeHvjCLSFPThNZJbF5W0m1navXWzYgkyvVWWagNKbBT+NH5NzVs/WlQELwpXDfTYbR2YzJV/fZ9/ARYZe3TCsF/2DyxToDH9tKmW2h67iktsD/9TbESDwk4kbv36DUwi8fWYRsbuaIVoVSRBZKCnr8iw5kyy/9czo6S4viTf+t+wGZgEyRQilS2+gB00x2wwRU8ea11i9EBj6kRfHCRXhsATKpkHrBSdtl8qEN00QzWOveXufY8EzE+gOGeMbuRuG4kFaFjOMfI+UG/HXIqL6FEn91dcLKLWPCFzT/RCqQaq4ek81/AAzw7VWdB89SYrqFaRD8wAiYfUWlwvw7xsWyBkojM3bT3jaTvHyQULi2zbQdkNCGikK53MS+myIFA+GxxTflx0OE4vStEwgrb5iHJFFLFZaFdplXA00VqkiFv16sxIcQ735d7/ApEAIe0QAess9wbv6AHGkrBj5E+NYMEmy5tiXKfT4645Z4ZnAbiDBTioEPEQKUrP/MMbWTKFD4Ub4NTY3XAIDV+t+SsAnv9ZldfwkqP6qd8m042Hz/z+t4+CDhwz85Jq6QKIeRo0KNd5FP34+LDxLec27rUIzIPsi7pUlJVGPjSya5Nx4VTqIUyB4k7Dv3ood+9LLBu7VRjxozRa8I+kt2N04+SMjpCpT9KEC+hUylFiseIoyel/WVqE5Y5bPQeA3UBGRN+W3JRnRCvtvq23HzQcJDLiPNdkP5GMe6i7vG6UEdOeDaYqyfhnZCjXWoZN00Zg9jCZ+fgeloKCCXj9EfAQ9KlStUKGEalDjGgo+lQF4Vhi9SHHABBvZAURQFCf0a9GlSEII+hcI2u+cAhs6t8eQx+jt/BYpi7u6yNRq3Lqd7PhCiOG9e9c9GnYehFIDI5UhDcxntiOOOATFQFOCop1RR1UoJgAE5DSyKw7718VYJlKYBWuQJWqFuVONI1JSiP98NvmBbAg8uNYn1gbVabYoKJnv+hBw+z39rlwPIMV3h72LEKVDd65l9bDJYnKvuFdMtMPQj5HEzrj0lHsAddsDCiR9fk1ywTZVGssMg7mHqs5dOge90B8+gwghzMjxh0EeBPnxQh1c2gihlSD70sa8O2ZuTyIbwyey380tDxTsfPohwZyGI1/4f+6xHbbzjMKmQiacqu8lnu16+c18AaIaCbaC+H6sl75z/BodbL4REeo7Imj3w8AmEfyFUGKBA2Es7XhWesHfCQkhNL45ExvBYqHjp8pAYbGmACCTsr1TXo/CZd9xgf+SFXrAG2Z+Xsk8CikNMQWr7Q3+yBAISChHA/SlO6AmHG/fMnTDs8CR75qCfkoBSG1PQZDCYDQZjFQMQLxxA9YP56TGm4isPIHvqETbkZQfMHhGArghxPJhdNa9mg7YDCB3l0sWOB7PL5mAwwMzUEys22EfgYbPbHIA9gi+HG2h/8FCv1y8HfWdrzxzToDqbNXP1vavBh+UVlRHZCbtxAnJMipJ5jEuBEGFY36vfzWYOYN1MUu2PB/3zvb36dNYPUSHH3FPYdhL2zIiYjYEhIuUCnNb3clMHUG2LKM92NDiYXdTruesBDljpEzYaffTG06RYTZQY7LpzGOhjZhfzu9nAdpWgacbBq5JjwIPhfDrDvYxlxbiwLyVkX8XpZBQCsOOOgbPBbAb/cyzUjAILG1UH5qd9dyy8XhkwxItyxEEXoCcLQ5Fg8MHhe7Bz0b7zFKAOZxMi7QFuE2XPHsPiIHsmQwB6smyYqjjZigrsEeEy1KtqxpPVETk3O2BYJsOeixKAgy2yvVjLFyM+39HU4mtNFyC7iYatoLE/LpeTEeVUQJqNGagpHXIL9FKshHUVwJDRBNtObSSuwUTQQMhsdwubWBLrW4FPQk3JLkD20By2EYF5RJ/FA/0yhnv5jmVcMfBRBBIC17CQI9CHlLLUmHN313h3mUd7+EbEYBY6Gp9pCwsQj4QbHDO1YZNOzLNqy2RbCJyqIKbUHMJMQD+EgMISkDnZVu5DNlqwz4s6wyVBloM1CK58NuiJ9VHAt+eCsOiG7MMl5dClQfchEfaZbXvAKwtJSOg/GVMB/hPXovjg1xFVmJELsuQAMu9qcc1sewoFsFu8OWUhQ7xcUl7k0S6FTOZ+eCbisOS9oD0ThNxChexTFvjahLdQAHsqA+OEYOKh85bEdAzCA2H7R8XcAyCvyEwlOZmTbUL25BFbXYLNIgoFSBK7U+4KyD4hHlQk6f0BeAhYdFiY6XyAI7bHt1sWnmA6Go5pw8X6oAzhPIUCNNYjpoqxrSWh+mTUIAFFQqe5mRIA137rZh7ESwDsDG88LrXnIsJLWo50g32xRLFR0Alzb6GAPOsNy8UdDVpnMmd7dnHvCliSubqQqTani2L9boCuKFVub6/rkA5LZZi3dNlr9NYp0JynUADbLgsF1SEpn8jIrcuL5u4Np9PpxVz2LN2KS/F8UD+/g1cNoQOF9rAEZJ9isA8SBhQKkNh23JeLSrls7GpJ2Cgvh0dT59OmLTfeD0UB/ouUJ8pLPp5Jw1emdzEJcz6FAlh2OqEj9EatXDMdTLQlXoOlXHoI4S1s1yBgf8u+nwvtdLIKBeRMHZKAeWovY54yR4UC4ACTgi/pipHkFHYORVIBUbqeVZd9AG5IOesYPTpJ73PWlX4n0KJQQDFgEwKpohBAK6OCbC71JTfYDomZgPt5q1CALOT8CyHQ5zJ2oYBE2bvA5Cfi5ZKQGNQmzTCDHJXbFjgWu2AeE1EogPqmBjrcX0sU/dYnfAHrFTXIQs1kXRYIU+dwMWi+Qg4vFMCwZxvqr2g9Nqq9eMtU3Gc9XvDyJXm2diqCVesh+CA9/YgJhgi7Sg7lXi5nuEhMK1kiezwxjwKtsVJooQCG463GolJAgW47JSQEFeDLl/R6Yp6NXNa0fXihAIln+xSdI4X98GJ2EZ5+L4RrHxfNyReezUC0W5pFsQn15+wmCQXl2tIcsVnUUiDXwQKlHHpc3snebsYgBcY31h/mgQNhE5C9ERSHCixEni2V2bBQId5czOfzYXNijhZV0L+7ubmbhZ7k4vEw1lgw+vgZ85DJlFAjlS7NDLRUskZF6Ler0K64wZ6kJegsFAnX4RdFqYbpcO/uetBvXV1Ph82rft9/BykmVa5DE9SlAnhuDh8fTS8MGBGSCuQ7IUZbryPPd6wmG9vhCc4jE/Tn6Ln2Ssd3fmkjomBdkIQtDLqFpmiq708gN83w8e3ynTxTyhQHeG1ALh8WE+EGUzEiTKhdjERRUy3wh6xspbz6Y6knI0lsFYFwKVCNDUP4trn5wg8tkYzcpdGz+xRVgAJlhVdW0dd0QsJ5Cs38QeUD7mIdJ/xvVAurZuwnfKlEAlVw/PP/ecut/Osno9Hgqf2YYK6rJuQ5Vbj5/revac6COYO3X78Ofv/3XwZHhUtWBUqCxHPQu/Hl96/ra2trnRZzyaPkFJyl19bS6+tfv373x5/vE2yQhSrri3w4HGkj8cc6wkPSurphQBTF4Qioa46kIeTab3/8SV+zis2F2oSMKoSdb/A1vWjjGjqQRVl2TLyZgYo6WlxsQa5//c/vtEpkc6G2sI2aGn999xVxOXxrnRLoXwgU64PCxQStD2bWSFn/jfaH05dUw4Wtutr7/6yn3e07TlVAqTkPm3uBH82vS+Y4PzNKk3zf0f5spcj1SjuJ6U1Ejb+IBqZbFTQ9AUbNc8lnAIj+Sr5pjgCwi1ESV6fXB9TFwVBBNR5CpnHh5udfSBOz9tpDRjBoDs0F0aXI82ETLes6s/mZEXFxeo26apx+yMcHhT7n3nwNMmeEDluLtYgtcy6mf3ndnE6nzevLvjk549p6SfJ9pa+Kl+V+1Rv9LLdZgTNztvQypg7c+0PMs67W5JNnm5pKKDC99svPtCVzKKup+YhEXWLNrjCqEjocBe8eJYXkO84ASkI9qv5IKCFFrWbE5xQgRjrEhRYv0/LwUZfl4gqBS6ExUqwAseoiTI8yXApcs4rggo8UhKu+qU+LngCyym86unBZaYfORtWWv2lTlI7T3636Nkktun7UG9xnmDpMO6Z2xqPARdetVKJcqWKs+tZaCY4Mw7vh5if3jkFIuEjY0lQqJBSIuabIWttUxQyjVBi+jrX52XNUYtkPobegAGy7+y3+TCJcaTyvygwtKu7qgF4dYsHeFq/bUTEXmiYvCO2GPIMkr4RHQ6sEtY8OHcQ28UnLGxxx/XkeSCo4I43r7XVhm/EXReCDdOhusdpJr6U7pAKxHtjyPK7gMrFKOb73YlcDzlP4GagpWMTHVGhl1ER0dPXAzqidIYw4yEiVRHzvyJS0A39Xuvkp6IgOTC7TadJpoN6WJqKjSiQx6c4opeKMQYVisydxvk/Z/x1ojY/BR3kWvjRNanCthbffpcCFHl0q9C15H/NbXAOCxZug0yuIpuPENYwnjTSI+x1CgY4aXd/xK7cd+7uUJa3ncaUNTwjEpZO2nQduke1Wp+Xyq+01cqbCvMR1J5+su8A9RAoWnzW122A85C8dwfM11V3cwVeBnuDpqXlfOOIew4cREiOLMAVmML6wfM3TA5ENeyIlkc8oj/M2c8/7vtFLMAL152p1YL5GDiOsb/uMsVy9MP43fVsiQUIsWnhfQ4Ppj+hSWKRwHdo99vJ1fJI5tyON/T3fmGgHy/WtkBjYIdu9UGFm1MKcKlS0ezbbL1VDgpX1V/SQcjExiLQYHgYlMWj+gQR0mo1Ui6VqhALTPt3PUaGTzujlON/x7SuHVkAMyEJN8bpG+wMr0DsUPpoOckdORprdlx6bT8jbuwRCgjyaBHS33VKhGRSWo+Bjt3nC7hdyhtsKD9uPjofeCIOcaYiLSXnnD20V2gtItsG6XW06oPs5gB8bCSX7Kq7xUbhoB/fZMAtNoXdMEY7UNss0inN2KuPqgel0+CRq6ftNvfjo3W8pp4XgIGgL4Wos34mlai4FpoO7ny1q9l38uUuQwEH+f0GoBlPkbHzaHiAsUzXXDKpv9MMFgP8+jXkuRPY9YewidCMQ31YXyfiaz8wNIRlwWU8+LZ8giDepCCVmXEMFYooUp49awwClC/Gp8aAk5Wt8Bazt17RlpCNSbjwGepNP170q4OHp1WeJOO8s7HQ88Uup8eGQq9XLBeuO96rxeFlOLgNG56uoj+ZtkmGIF8cmYnucmky8LV2EPrKj2cOpNDF/Yalv3B6Px/YfgHqXXEV9Ee8ajpakPIX+FDZp0m+TxYsswmMfFS6xvd3vGNJ9GE/MLwPQzK2C5y0UwCySIOaa4HbcT00+TMZkYy2xAx6WqiAFIsS0N/qpE4iX6iN7AOC6vpJz8RYK4LpLTq43U1sfPrRTH8jW2m12Yv6Cz5ofTXujX3syVicIrz1WV8bzKxTAxSfUk/XpZEtNBWjQnCQ17dHmUa3+5+1+Y2jr7TbEa4PbKXSdq+Qu6Biot1AA+22QEcjoUV30g5MbpyNmbAWmfbtfe4ysfKKOx2B0J68W+YIKBbDfR7DP4+eS4vwaeEpvOEbZRm7TnrTPQOv0Sz4n0BN/mGRU8HAurhr47EIBdXklL2qe5LbO46P7JEVpeBXEaI7zO5mU1QPJFRhknqgDjlPg6mL1sG4XCpCRba3GJ5vKsw90S4KUTNbvAhjNUbCZr/l2P+g11S316m4v8jXrtA2zCgXwd2MUY3LmeXyXp5KSYn34UIKQpAmiNTWYryEFerrfZFzaun1Ah0NXjsyCXSgA6W8lD2Odx8+R5/HRE0M1VO4u24CgVNvp9DFSoKv7qWif1/hyOofXWaa+mshOoQCfOg9skqubdiD4WgFUZHJv2LwaWVu3nFFgp7PVsqdeVHtr1/FVc7gH2yOZ9RlWa5IpTqGA1fyLeaM68sQh30DFAOvnF9OH2bhib1M7K53Z/1c57lw2L873UNEZ2GXquRiaZLXLOkcfw70oMz1ra2h9b35+MxxewH+GN+fzvbq5vXIRy83HvnqTFvdaOYExb8R2G3w7rNeqA0prcElMfEJsj9y8WZz3ivNmL/IiL/IiofI/PxO3F6dolUMAAAAASUVORK5CYII="
                                                             alt=""></div>
                    <span class="name">Aung Thi Ha5</span></td>
                <td align="center" valign="middle">Account Analyst5</td>
                <td align="center" valign="middle">E-commerce5</td>
                <td align="center" valign="middle">2022-06-10</td>
            </tr>
        </table>
    </div>
</div>
<div class="drgBox drgBoxNosee borderBoxSty">
    <img
        src="data:image/png;base64,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"
        alt="">
    <span class="dragContent btnMl15">Aung Thi Ha</span>
    <span class="dragNumber ">1</span>
</div>
<script>
	let isClick = false //判断是否选择过列表
	function selectAll(selectAll) {
		trList = []
		for (var i = 0; i < inputList.length; i++) {
			let trNode = $(inputList[i]).parent().parent()
			if (selectAll[0].checked) {
				isClick = true
				trNode.attr({draggable: "true"})
				trList.push({
					elemId: trNode.attr('id'),
					name: trNode.find('.name').text(),
					avatar: trNode.find('img').attr("src")
				})
				inputList[i].checked = true;
				$('.tableRSelectAll ')[0].checked = true;
			} else {
				isClick = true
				trList = []
				inputList[i].checked = false;
				$('.tableRSelectAll ')[0].checked = false;
			}
		}
	}

	let inputList = $('.tableBody input')
	let tableRSelectAll = $('.tableRSelectAll')
	tableRSelectAll.click(function () {
		selectAll(tableRSelectAll)
	})
	// 每一项的选择事件
	$('.tableBody input').click(function () {
		inputList = $('.tableBody input')
		// 初始时候列表tr允许拖动，点击选择之后只设置当前tr可拖动
		for (let i = 0; i < inputList.length; i++) {
			if (!inputList[i].checked) {
				$(inputList[i]).parent().parent().attr({draggable: false})
			}
		}
		let trNode = $(this).parent().parent()
		// 记录所选数据
		if (trNode.find("input")[0].checked) {
			isClick = true
			trNode.attr({draggable: "true"})
			trList.push({
				elemId: trNode.attr('id'),
				name: trNode.find('.name').text(),
				avatar: trNode.find('img').attr("src")
			})
		} else {
			isClick = false
			trNode.attr({draggable: "false"})
			trList = trList.filter(item => {
				return item.elemId !== trNode.attr('id')
			})
		}
		if (trList.length === 0) {
			isClick = false
		}
		let target = true
		for (let i = 0; i < inputList.length; i++) {
			if (!inputList[i].checked) {
				target = false
			}
		}
		if (target) {
			$('.tableRSelectAll ')[0].checked = true;

		} else {
			$('.tableRSelectAll ')[0].checked = false;

		}
		if (trList.length === 0) {
			$(inputList).closest("tr").attr({draggable: true})
		}
	})

	// 记录所选的列表项
	let trList = []

	//设置允许拖拽
	function allowDrop(ev) {
		ev.preventDefault();
	}

	//开始拖拽
	function drag(ev) {
		// 没有被点击选择过，则拖拽谁显示谁
		if (trList.length === 0) {
			trList.push({
				elemId: $("#" + ev.target.id).attr('id'),
				name: $("#" + ev.target.id).find('.name').text(),
				avatar: $("#" + ev.target.id).find('img').attr("src")
			})
		}
		// 设置拖拽图层数据
		// $('.drgBox img').attr("src", trList[0].avatar)
		// $('.drgBox .dragContent').text(trList[0].name)
		$('.drgBox img').attr("src", $("#" + ev.target.id).find('img').attr("src"))
		$('.drgBox .dragContent').text($("#" + ev.target.id).find('.name').text())
		$('.drgBox .dragNumber').text(trList.length)
		let crt = document.querySelector('.drgBox');
		crt.classList.remove("drgBoxNosee")
		$(crt).css({
			position: "absolute",
			top: "-100%",
			left: "0",
		})
		document.body.appendChild(crt);
		ev.dataTransfer.setDragImage(crt, 10, 10); //设置图片偏移量
		ev.dataTransfer.setData("text/plain", trList)
		//判断左边列表内容不为空便允许添加，可扩展判断
		tableLeftOptList.each(function () {
			if ($(this).find("span").text() !== "") {
				$(this).parent().attr("ondrop", "drop(event)")
				$(this).parent().attr("ondragover", "allowDrop(event)")
			}
		})
	}

	//拖拽时鼠标抬起事件
	function dragEnd(ev) {
		let number = $(".tableRight input[type=checkbox]:checked").length
		if (number === 0) {
			// 拖拽放置之后清空
			trList = []
		}
	}

	//拖拽释放
	function drop(ev) {
		// 鼠标抬起隐藏drage图层
		ev.preventDefault();
		let endTag = $('#' + ev.target.id).closest('tr')
		let baseNumber = $(endTag.children().children()[1]).text()
		$(endTag.children().children()[1]).text(Number(baseNumber)+trList.length)
		// 释放后将表格中原有结构删除
		if (trList.length > 0) {
			trList.forEach(item => {
				$('#' + item.elemId).remove();
			})
		}

		// console.log(ev.dataTransfer.getData("text"), "111111111")
		//判断是否全选并全部移入左边，并取消全选
		// TODO
		let dataLength //所有数据条数
		if (trList.length === inputList.length) {
			tableRSelectAll[0].checked = false
		}
		//移除之后重新获取inputList
		inputList = $('.tableBody input')
		inputList.closest("tr").attr({
			draggable: true
		})
	}

	//左边表格点击
	let tableLeftOptList = $('.tableLeftOpt')
	tableLeftOptList.click(function () {
		for (let i in tableLeftOptList) {
			tableLeftOptList.removeClass("tdHover")

		}
		if ($(this).text() !== "") {
			$(this).addClass("tdHover")

		}
	})
</script>
</body>
<style>
    .fl {
        float: left;
        display: inline-block;
    }

    .fr {
        float: right;
        display: inline-block;
    }

    .h50 {
        height: 50px;
    }

    .botTable {
        width: 70%;
        margin: auto;
    }

    .botTable .tableLeft {
    }

    .botTable .tableRight {
        overflow: hidden;
    }

    .botTable table {

    }

    .botTable tr {
        height: 63px;
    }

    .botTable td {
        font-size: 14px;
        font-family: "Microsoft Sans Serif";
        color: rgba(51, 51, 51);
        text-align: center;
        min-width: 100px;
        cursor: pointer;
    }

    .tableLeft table {
        border: 1px solid #ebebeb;
        border-right: none;
        background: #fafafc;
    }

    .tableRight table {
        border: 1px solid #ebebeb;
        margin-left: -2px;
    }

    .tableLeft table .lcSelect_type1Box {
        height: 63px;
    }

    .tableLeft table .lc_formBdAllBg {
        border-radius: 0px;
        border: none;
        background: none;
    }

    .tableLeft table .talentPoolTopSel .aykj_cssSelect .aykj_selectBox {
        padding-left: 45px;
    }

    .tableLeft table .lcSelect_type1Box .aykj_selectLt {
        line-height: 63px;
        border-radius: 0px;
    }

    .tableLeft table .lcSelect_type1Box .aykj_cssSelect .aykj_selectLt {
        background: none;
        color: rgba(51, 51, 51);
    }

    .tableLeft table .aykj_cssSelect .aykj_optionsBox {
        padding: 0px;
        border-radius: 3px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 2px 7px 0px rgba(15, 71, 243, 0.27);
    }

    .tableLeft table .leftHeader {
        background: #f1f4fb;
    }

    .tableLeft table .leftHeader:hover {
        border: none;
    }

    .tableLeft table .rightNumber {
        text-align: center;
        border: 1px solid #ebebeb;
        width: 40px;
        height: 20px;
        line-height: 20px;
        border-radius: 10px;
        margin-right: 20px;
        margin-top: -3px;
    }

    .tableLeft .tdHover {
        border-left: 2px solid #0f47f3;
    }

    .tableLeft td:hover {
        border-left: 2px solid #0f47f3;
    }

    .tableLeft tr:hover .tableLeftOpt {
        color: #0f47f3;
    }

    .tableLeft .tdHover {
        color: #0f47f3;
    }

    .tableLeft td {
        border: none;
        border: 1px solid #ebebeb;
        box-sizing: border-box;
        min-width: 210px;
    }


    .tableRight .tableHea {
        background: #f1f4fb;
    }

    .tableRight .tableHea:hover {
        box-shadow: none;
    }

    .tableRight td {
        min-width: 150px;
    }

    .tableRight tr:hover {
        box-shadow: 0px 2px 7px 0px rgba(15, 71, 243, 0.27);
    }

    .tableRight .tableHea td {
        border: none;
    }

    .tableRight .tableAvatar {
        overflow: hidden;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #333333;
    }

    .tableRight .tableAvatar img {
        width: 32px;
        height: 32px;

    }

    .tableRight tr:hover .name {
        color: #0f47f3;
    }

    .tableRight .name {
        line-height: 30px;
    }

    /*拖拽阴影样式*/
    .drgBox {
        margin-top: 10px;
        width: 200px;
        height: 30px;
        border-radius: 15px;
        background-color: rgba(15, 71, 243, 0.4);
        line-height: 30px;
        text-align: left;
        padding: 0 15px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    .drgBoxNosee {
        display: none;
        /*visibility: hidden;*/
        /*opacity: 0;*/
    }

    .drgBox img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

    .drgBox .dragContent {
        font-size: 14px;
        color: #333333;
    }

    .drgBox .dragNumber {
        font-size: 14px;
        color: #FFFFFF;
        display: block;
        position: absolute;
        top: -10px;
        right: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        line-height: 20px;
        background: red;
        text-align: center;
    }
</style>
</html>

实现效果

 

 

菜方方
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用HTML5、JS实现拖动图片
W的博客
07-21 293
使用HTML5、JS实现拖动图片
大屏可视化，html+CSS+JS+echarts
10-31
在“大屏可视化，html+CSS+JS+echarts”这个主题中，我们将深入探讨如何利用这四种技术来创建引人入胜的可视化应用。 HTML（HyperText Markup Language）是网页的基础结构语言，用于定义网页的布局和内容。在大屏...
js实现拖拽（带阴影）
duo1207的博客
08-12 2864
HTML代码: &lt;p&gt; ksjdfkjlksjfdksjfskjfskljldffffffffffffffffffffffff &lt;/p&gt; &lt;div id="div"&gt;&lt;/div&gt; css代码： &lt;style&gt; body{ padding: 0; margin: 0; } ...
前端拖拽图片
蓦然回首，那人却在，灯火阑珊处。
01-09 516
前端拖拽图片
图片img或者含有img元素拖拽时，或者scale缩放时产品的阴影效应问题
qq_37656005的博客
08-22 1001
html中有图片img或者含有img元素拖拽时，或者scale缩放时产品的阴影效应问题，也就是图片重影， 另外使用scale缩放图片时可能产生放大后图片模糊情况，文章也给出了解决方案
图片img或者含有img元素拖拽时的阴影效应问题
mxydl2009的博客
02-06 2257
&amp;lt;body&amp;gt; &amp;lt;!-- &amp;lt;div id=&quot;div1&quot;&amp;gt; --&amp;gt; &amp;lt;img src=&quot;地鼠洞.jpg&quot; alt=&quot;&quot; id=&quot;img1&quot;&amp;gt; &amp;lt;!-- &amp
HTML+CSS+JS数据可视化大屏平台模板实例10-大数据地图
03-25
在这个"HTML+CSS+JS数据可视化大屏平台模板实例10-大数据地图"中，我们将探讨如何利用这些技术将大量复杂的数据转化为直观且具有吸引力的地图展示。 首先，HTML（HyperText Markup Language）作为网页内容的结构...
jQuery+bootstrap可视化表单拖拽编辑，自定义拖拽设计表单
02-26
代码简介：jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单，可自定义拖拽控制生成表单，预览表单，表单各种属性可通过json格式的配置来处理控制表单的各个属性，看起来非常的高大上，...
jQuery+CSS3滑块拖动选择商品价格代码
06-10
这款基于jQuery+CSS3的滑块拖动选择商品价格代码提供了一种直观且用户友好的方式，让用户能够轻松地选取商品价格范围。接下来，我们将深入探讨这个功能的工作原理、涉及的技术以及如何实现。 首先，jQuery是一个轻...
HTML+CSS+JS数据可视化大屏平台模板实例8-电商营业
03-25
总结来说，"HTML+CSS+JS数据可视化大屏平台模板实例8-电商营业"涵盖了前端开发的核心技术，从构建页面结构、美化样式，到实现动态交互和数据可视化，都需要开发者具备扎实的HTML、CSS和JavaScript基础，同时对数据...
前端图片拖拽功能实现
焱敦的博客
05-09 6329
转发地址： 1、图片拖拽原地址 2、图片拖拽原地址 3、图片拖拽原地址 上述转载三个拖拽方式可以借鉴一下，其主要思想就是： 1、图片随鼠标移动而动； 2、判断鼠标移动后是否在图片范围，并将距离最近的图片与拖动图进行index的交换； 3、如果排序的话有很多方式，可以在标签初始化的时候添加index属性，在交换的时候将index属性值交换，最终取index值进行排序； 新...
H5拖拽事件
weixin_44546509的博客
05-16 1415
H5拖拽事件 开发工具与关键技术：DW 作者：Mr_恺 撰写时间：2019.05.15 上次写了原生Js的拖拽事件，现在写一个Html5的拖拽事件，看看他们之间的区别到底在哪呢？ 先来Html布局: Css样式： 布局效果：就把它当作一个窗体 H5拖拽事件就不像原生js拖拽那样，要其它事件组合起来才能实现，H5拖拽直接用一个事件就可以完成。 来写JS的代码： 其实我们也可以不用减去100...
linux鼠标拖动重影,Canvas 鼠标拖拉图片重影移动特效
weixin_34005394的博客
05-15 141
JavaScript语言：JaveScriptBabelCoffeeScript确定! function() {"use strict";// ==== init ====var screen = ge1doot.screen.init("canvas", null, true),ctx = screen.ctx,pointer = screen.pointer.init(),list = [],...
tauri自定义窗口window并实现拖拽和阴影效果
最新发布
07-19 3587
实现自定义窗口效果非常简单，只需要按照官方文档提示的，在tauri.config.json里面添加一个配置："decorations": false，然后再打开你的程序，你就会发现，没有了窗口的头部，哈哈哈然后就是添加自定义的缩小，全屏，关闭按钮的功能：其实按照官方文档的来添加也可以，我这里是使用的自己自定义的html内容样式：html内容：因为我这里用的element-plus，所以用的他们的icon图标，你可以换成官方的内容
html5中立体贴图有拖影问题的解决
小驹的专栏
07-20 2628
var SEPARATION = 100; var AMOUNTX = 50; var AMOUNTY = 50; var container, stats; var controls; var camera, scene, renderer, particle; var mouseX = 0, mouseY = 0; var windowHalfX
HTML点击图片下方出现阴影,纯css实现图片点击时移动效果和阴影效果
weixin_42471893的博客
06-04 1879
有人喜欢用js加css实现这样的效果，而我比较喜欢用最简单的方法实现这样的效果，因为我是个简单的人，所以我要做最简单实用的事儿(hei hei)...好处就是：简单，方便操作，给服务器减少压力,对seo也比较友好...其实,实现的方法,说起来很简单，例如我想用CSS控制内容页的图片，那么我们就会用到标签属性 ：“article-neirong img{}”来实现，给内容页的图片增加 鼠标“点击时”...
css怎么实现鼠标移动到div块时自动加阴影效果？
tenggeer0789的博客
04-23 1万+
我们在浏览各大网站时，点击其中的图片可能会出现放大或者旋转等等的特效。这种效果的确能让人眼前一亮，也就可能带来用户点击的流量。当然强大的css功能不仅仅只有这样特效。本篇文章就给大家介绍一种更加酷炫的特效即当鼠标移入div块时产生的css阴影效果，这样就能立即产生立体感。 css阴影效果具体代码示例如下： <style> .shadow{ flo...
JAVA学习第五篇--java中对象的创建过程以及函数的调用过程
热门推荐
HERE
06-22 11万+
下面本文将详细介绍java语言中对象的创建过程，以及函数的调用过程。 class Person{ public String name="zhao"; public int ege; public static String country = "CN"; Person(String name,int ege){ this.name = name; this.ege = ege;
【修复字符串】
The_program_life的博客
09-06 241
有一个小写字母组成的字符串str，字符串长度为n;字符串中某些位置可以执行修复操作:将这个位置的字符，替换为a~z中的一个字符;这个修复操作最多可以执行m次;现在想知道修复之后，字符串str由相同字符组成的子串最大长度是多少。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值