js实现表格拖动选项的方法 - 行业资讯 - 肥雀云

　　介绍

小编给大家分享一下js实现表格拖动选项的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

具体内容如下

题目要求如下图所示,具体思路:拖动改变选择项,用的的事件是js的拖动相关事件。

代码:

& lt; ! doctype html> 　　& lt; html lang=癳n"祝辞　　& lt; head> 　　,,,& lt; meta charset=癠TF-8"比; 　　,,,& lt; meta name=皏iewport" 　　,,,,,,,,,内容=翱矶?设备宽度,user-scalable=不,,初始=1.0,,最大范围=1.0,最小规模=1.0,比; 　　,,,& lt; meta http-equiv=癤-UA-Compatible",内容=癷e=edge"比; 　　,,,& lt; title> Document 　　,,,& lt; style> 　　,,,,,,,* { 　　,,,,,,,,,,,保证金:,0; 　　,,,,,,,,,,,填充:,0; 　　,,,,,,,} 　　,,,,,,,ul,李{ 　　,,,,,,,,,,,list-style:,没有; 　　,,,,,,,,,,,光标:,指针; 　　,,,,,,,} 　　,,,,,,,.specWrap { 　　,,,,,,,,,,,宽度:,800 px; 　　,,,,,,,,,,,保证金:,0,汽车; 　　,,,,,,,,,,,用户选择:,没有; 　　,,,,,,,} 　　,,,,,,,.specification { 　　,,,,,,,,,,,边界:,1 px solid # ccc; 　　,,,,,,,,,,,宽度:,100%; 　　,,,,,,,,,,,位置:,相对; 　　,,,,,,,} 　　,,,,,,,.sp-top { 　　,,,,,,,,,,,身高:,60 px; 　　,,,,,,,,,,,行高:,60 px; 　　,,,,,,,,,,,text-align:,中心; 　　,,,,,,,,,,,box-sizing:, border-box; 　　,,,,,,,} 　　,,,,,,,.sp-top ul { 　　,,,,,,,,,,,溢出:,隐藏; 　　,,,,,,,} 　　,,,,,,,.sp-top ul 李{ 　　,,,,,,,,,,,宽度:,33%; 　　,,,,,,,,,,,浮动:离开　　,,,,,,,} 　　,,,,,,,.sp-top ul 李:nth-of-type (2) { 　　,,,,,,,,,,,border-left:, 1 px solid # ccc; 　　,,,,,,,,,,,边境:,1 px solid # ccc; 　　,,,,,,,} 　　,,,,,,,.sp-cen { 　　,,,,,,,,,,,text-align:,; 　　,,,,,,,,,,,box-sizing:, border-box; 　　,,,,,,,,,,,边界底部:,1 px solid # ccc; 　　,,,,,,,,,,,border-top:, 1 px solid # ccc; 　　,,,,,,,,,,,indent:, 20 px; 　　,,,,,,,,,,,溢出:,隐藏; 　　,,,,,,,} 　　,,,,,,,.screen { 　　,,,,,,,,,,,宽度:,33%; 　　,,,,,,,,,,,:浮动,离开; 　　,,,,,,,} 　　,,,,,,,.screen: nth-of-type (2) { 　　,,,,,,,,,,,border-left:, 1 px solid # ccc; 　　,,,,,,,,,,,边境:,1 px solid # ccc; 　　,,,,,,,} 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null