网上已经有一些仿Mac菜单的Web设计,但实现有局限且功能非常有限,本文真正实现了Mac菜单设计。(完美实现了拖拽删除、拖拽排序、强制恢复大小等细节)
大家先看看实际效果,觉得适用再看具体代码:
http://v.youku.com/v_show/id_XODk0NTE1Nzcy.html
具体代码及分析:
<%String contextPath = request.getContextPath();%>
<script src="<%=contextPath%>/myJs/guide.js"></script> <!--将主要代码打包至guide.js-->
<script src="<%=contextPath%>"/jquery/jquery-1.11.2.js' type='text/javascript' charset='utf-8'></script>
<!--easyui相关导入-->
<script src="<%=contextPath%>/jquery-easyui-1.3.6/jquery.easyui.min.js" type="text/javascript"></script>
<script src="<%=contextPath%>/jquery-easyui-1.3.6/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<link href="<%=contextPath%>/jquery-easyui-theme/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="<%=contextPath%>/jquery-easyui-theme/icon.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//页面初始化
$(function(){
//垃圾桶隐藏
$('#dustbin').hide();
$.messager.show("操作提醒", "保存常用系统用户名、密码,实现自动一键登录。<br>点<b><a id=\"jumpGoto\&#