简介：
Win10-UI是一款win10风格的后台UI，让您轻松搭建一个别具一格的后台界面。Win10的动态磁贴，可定义方块大小，添加随机动画 桌面图标自动排序 任务栏结合iframe子窗口，与windows一致的窗口管理体验 开始菜单+消息提示中心，满足后台UI的设计需求 极少的API，大部分功能可用html元素定义完成 响应式兼容，在手机浏览器也有不错的观感 目前只保证对主流现代浏览器的兼容性支持
快速入门：
如何自定义桌面图标？
<div id="win10-shortcuts"> <div class="shortcut" onclick="//do something..."> <img src="图片地址" class="icon" /> <div class="title">图标底部文字</div> </div> <div class="shortcut" onclick="//do something..."> <div class="icon">自定义任意html内容</div> <div class="title">图标底部文字</div> </div></div>
图标应设置为图片或自定义html填充div
如何自定义开始菜单列表?
<div class="list win10-menu-hidden animated animated-slideOutLeft"> <div class="item">一级菜单</div> <div class="item">一级菜单</div> <div class="sub-item">二级菜单</div> <div class="sub-item">二级菜单</div> <div class="sub-item">二级菜单</div> <div class="item">一级菜单</div> <div class="item">一级菜单</div></div>
一级菜单添加类item，二级添加sub-item。不需要用一级菜单“包裹”二级菜单，将自动识别二级菜单的归属，请注意排序。
如何自定义开始菜单磁贴?
<div class="blocks"> <div class="menu_group"> <div class="title">磁贴组标题1</div> <div loc="1,1" size="1,1" class="block"> <div class="content">磁贴1</div> </div> <div loc="2,1" size="1,1" class="block"> <div class="content">磁贴2</div> </div> </div> <div class="menu_group"> <div class="title">磁贴组标题2</div> <div loc="1,1" size="2,2" class="block"> <div class="content">磁贴3</div> </div> </div></div>
磁贴区域被分成若干小格，每一行最多6格。loc=’x,y’中的x表示横坐标，y表示纵坐标（以左上方为1,1点）。size=’w,h’中的w和h表示格子的宽度和高度（以格为单位）。
源码下载地址：https://qumaw.lanzoul.com/iMcU00590jji
取码网声明：
1、本站所有资源全部收集于互联网，分享目的仅供大家学习与参考，商用请购买正版，如有侵权，请联系qikewl@163.com及时删除！
2、本站资源不保证其完整性和安全性，下载后请自行检测安全，在使用过程中出现的任何问题均与本站无关，请自行处理！
3、本站为分享资源社区，所有资源问题，本站没责任，更没义务提供任何性质的技术支持，需要技术支持的请购买官方商业版！
4、访问(取码网 www.qumaw.com)的用户必须明白，(取码网 www.qumaw.com)对提供下载的软件及其它资源不拥有任何权利，其版权归该下载资源的合法拥有者所有！
5、未经(取码网 www.qumaw.com)的明确许可，任何人不得盗链本站下载资源；不得复制或仿造本网站或者在非(取码网 www.qumaw.com)所属的服务器上建立镜像，(取码网 www.qumaw.com)对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权，任何人不得侵害或破坏，也不得擅自使用。
取码网 » Win10系统WIN10-UI系统PHP网站源码
取码网 » Win10系统WIN10-UI系统PHP网站源码
