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

免责声明:本站下载的源码均来自公开网络收集整理、大部分经过亲自测试但不保证百分百完整,要求完整无瑕疵的可以去找作者购买正版,就不要在这里下载了,源码素材属于虚拟商品,具有可复制性,可传播性,一旦购买,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源,若侵犯了您的合法权益,请来信通知我们,我们会及时删除,给您带来的不便,我们深表歉意。 免责声明:下载用户仅供学习交流,请下载24小时后删除,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。 合作建议投诉等问题,请来信通知我们(Email: 64138837@qq.com),我们会及时处理,给您带来的不便,我们深表歉意,网站非盈利仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。 本站用户所发言论仅代表网友自己,不代表本站观点。在星码资源发表言论的网友,我们认为用户已经知道并理解这一声明。