免责声明：本资源并未取得原始权利人的授权，不可商用，仅可用于学习分析底层代码，CSS等，禁止用于商业行为。如因擅自商用引起的相关纠纷及法律责任，由使用人全部承担。支持正版，人人有责，请于下载后24小时内删除，谢谢支持！
如果蓝奏云下载失效请更换最新链接：nnym.lanzouh.com//xxxx 【x改成h】
简介：
Win10-UI是一款win10风格的后台UI，让您轻松搭建一个别具一格的后台界面。Win10的动态磁贴，可定义方块大小，添加随机动画 桌面图标自动排序 任务栏结合iframe子窗口，与windows一致的窗口管理体验 开始菜单+消息提示中心，满足后台UI的设计需求 极少的API，大部分功能可用html元素定义完成 响应式兼容，在手机浏览器也有不错的观感 目前只保证对主流现代浏览器的兼容性支持
快速入门：
如何自定义桌面图标？
code<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>code<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>code<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
如何自定义开始菜单列表?
code<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>code<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>code<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><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><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表示格子的宽度和高度（以格为单位）。
图片：
感谢您的来访，获取更多精彩文章请收藏本站。
MianzeShengming
1、本站提供的源码不拥有任何权利，其版权归原著者拥有。
2、保证站内提供的所有可下载资源(软件等等)都是按“原样”提供，本站未做过任何大规则的修改;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。
3、牛牛源码库平台服务中的任何信息或材料的删除、存储失败、错误提供或未及时提供不承担任何责任。
4、牛牛源码库平台其许可方不对通过牛牛源码库网主题服务得到的或在其上刊登广告所推介的产品或服务、通过由牛牛源码库平台服务提供的任何链接而得到的产品或服务，以及通过在牛牛源码库网平台服务中所提供的任何链接而得到的任何信息或建议做任何担保，对因通过服务下载或访问网上的任何信息或材料而导致的任何伤害不承担任何责任。
5、牛牛源码库平台服务包含的下载资源信息内的所有内容并不反映亦不代表任何牛牛源码库平台之意见。
6、牛牛源码库平台服务包含的下载资源信息内的所有内容并不反映亦不代表任何牛牛源码库平台之意见。牛牛源码库平台作为模板共享网络服务提供者，对非法转载，盗版行为的发生不具备充分的监控能力，但是当版权拥有者提出侵权指控并出示充分的版权证明材料时，牛牛源码库网平台负有移除盗版和非法转载作品以及停止继续传播的义务。
7、牛牛源码库平台对他人在网站上实施的此类侵权行为不承担法律责任，侵权的法律责任概由会员本人承担，向牛牛源码库发布作品的作者视为同意牛牛源码库就前款情况采取的相应措施。
8、牛牛源码库平台在满足前款条件下采取移除等相应措施后不为此向原发布人承担违约责任或其他法律责任，包括不承担因侵权指控不成立而给原发布人带来损害的赔偿责任。
9、本网站所有源码、模板、视频、软件和资料均为软件作者提供和站长从互联网收集整理而来，仅供学习和研究使用，请勿用于其他用途。如果版权拥有者发现自己作品被侵权，请及时向牛牛源码库提出权利通知，将身份证明、权属证明、具体链接（URL）及详细侵权情况证明发往（邮箱:1138006142@qq.com）指出，牛牛源码库平台在收到上述法律文件后，在7个工作日内移除相关涉嫌侵权的内容。
暂无评论内容