使用js+css做一个仿照安卓手机桌面菜单,可以拖动排序、合并菜单的网页

html-css013

使用js+css做一个仿照安卓手机桌面菜单,可以拖动排序、合并菜单的网页,第1张

拖动到一个div里这个jq ui有例子就不说了,重点就是拖进去后样式的变化,就是在原件拖入后,那么1个元素变2个了,就必须在他们的2个元素外城wrap一个div 给包着。然后用css 修改里面元素的样式:大小,以及元素间的间距.

<style>

.bao,.box{width:60pxheight:60pxposition:absolute}

.bao .box{width:20pxheight:20pxposition:relativedisplay:inline-blockmargin:5px}

</style>

<div class="box box1"></div>

<div class="bao">

<div class="box box2"></div>

<div class="box box3"></div>

</div>

大概就是这样的一个思路

纯手打。自适应还需楼主自己调试。至于home键功能,,一个fadeIn和fadeOut就可以搞定

<html>

<head>

<title>css3 Draw Hive</title>

</head>

<style type="text/css">

.container{width:800pxheight:480pxposition:relativez-index:99}

-------我是华丽的分割线---------

不懂可以继续追问

会给你更好地建议,帮助解决可困难,喂百度知道做贡献

亲,你好,很乐意为你解答问题,目前并不是所有手机浏览器都支持HTML5+CSS3的功能

所以并不是你使用了CSS3的制作方法,所有手机就会识别你的制作方法。

首先你要确认你的网站为了哪一部分的手机用户提供服务,

如果有问题,可以继续追问我。