拖动到一个div里这个jq ui有例子就不说了，重点就是拖进去后样式的变化，就是在原件拖入后，那么1个元素变2个了，就必须在他们的2个元素外城wrap一个div 给包着。然后用css 修改里面元素的样式：大小，以及元素间的间距
<style>bao,box{width:60px;height:60px;position:absolute;}
bao box{width:20px;height:20px;position:relative;display:inline-block;margin:5px;}
</style>
<div class="box box1"></div>
<div class="bao">
<div class="box box2"></div>
<div class="box box3"></div>
</div>
大概就是这样的一个思路
1、testoffseHeight相当于内容区高度+上下边界+上下内边距。
2、testclientHeight相当于内容区高度+上下内边距。
3、(推荐使用)windowgetComputedStyle(test)getPropertyValue(‘height‘)。getComputedStyle方法取得了元素的所有样式。
在理解提问君的需求的前提下，并充分借鉴一楼君的成果（如果问题得到解决，请采用他的答案！），修改如下：
<html><head>
<title>JS获取CSS属性值</title>
<meta >
先获取元素style属性中的CSS样式
getComputedStyle 是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象（objectCSSStyleDeclaration） getComputedStyle 方法获取的是最终应用在元素上的所有CSS属性对象（包括默认），而elementstyle只能获取元素style属性中的CSS样式。
用js如何获取div中css的
margin、padding、height、border等。你可能说可以直接用documentgetElementById("id")stylemargin获取。但是你说的只能获取直接在标签中写的style的属性，无法获取标签style外的属性（如css文件中的属性)。而下面方法则两者值都可以获取。
实例效果图如下:
js在获取css属性时如果标签中无style则无法直接获取css中的属性，所以需要一个方法可以做到这点。
getStyle(obj,attr)
调用方法说明：obj为对像,attr为属性名必须兼容js中的写法(可以参考：JS可以控制样式的名称写法)。
Js代码
复制代码
代码如下:
function
getStyle(obj,attr){
var
ie
=
!+"\v1";//简单判断ie6~8
if(attr=="backgroundPosition"){//IE6~8不兼容backgroundPosition写法，识别backgroundPositionX/Y
if(ie){
return
objcurrentStylebackgroundPositionX
+"
"+objcurrentStylebackgroundPositionY;
}
}
if(objcurrentStyle){
return
objcurrentStyle[attr];
}
else{
return
documentdefaultViewgetComputedStyle(obj,null)[attr];
}
}
以上就是关于使用js+css做一个仿照安卓手机桌面菜单，可以拖动排序、合并菜单的网页全部的内容，包括:使用js+css做一个仿照安卓手机桌面菜单，可以拖动排序、合并菜单的网页、js无法获取css的复合样式、js如何获取css文件内的一个属性值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）