本站资源仅供研究学习，请勿商用，产生法律纠纷本站概不负责！

如果侵犯了您的权益，请与我们联系，我们会立即处理。

简介：Win10-UI是一款win10风格的后台UI，让您轻松搭建一个别具一格的后台界面。Win10的动态磁贴，可定义方块大小，添加随机动画桌面图标自动排序任务栏结合iframe子窗口，与windows一致的窗口管理体验开始菜单+消息提示中心，满足后台UI的设计需求极少的API，大部分功能可用html元素定义完成响应式兼容，在手机浏览器也有不错的观感目前只保证对主流现代浏览器的兼容性支...

仿Win10系统WIN10-UI系统PHP网站源码

源码分类：网站源码系统品牌：其他

开发语言： HTML 数据库：无

安装服务：提供

免费下载

请勿商业运营,违法使用和传播!仅供研究学习使用!

实测通过

百度网盘下载

应用介绍

简介：

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表示格子的宽度和高度（以格为单位）。