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

提取码

b3g6

网盘失效？举报有奖

立即下载

200

您未购买

枚金币

获得金币

办理会员

论坛『VIP会员』 每天5次八折下载附件              论坛『终身会员』 免费下载所有附件

免责声明：本附件资源转载自互联网，转存百度网盘，若有侵权请速联系客服，我们将会在24小时内删除，谢谢！

Win10-UI是一款win10风格的后台UI，让您轻松搭建一个别具一格的后台界面。Win10的动态磁贴，

可定义方块大小，添加随机动画 桌面图标自动排序 任务栏结合iframe子窗口，

与windows一致的窗口管理体验 开始菜单+消息提示中心，满足后台UI的设计需求极少的API

大部分功能可用html元素定义完成 响应式兼容，在手机浏览器也有不错的观感 目前只保证对主流现代浏览器的兼容性支持

1. 如何自定义桌面图标？
   
2. 
   
3. code
   
4. <div id=”win10-shortcuts”>
   
5. <div class=”shortcut” onclick=”//do something…”>
   
6. <img src=”图片地址” class=”icon” />
   
7. <div class=”title”>图标底部文字</div>
   
8. </div>
   
9. <div class=”shortcut” onclick=”//do something…”>
   
10. <div class=”icon”>自定义任意html内容</div>
    
11. <div class=”title”>图标底部文字</div>
    
12. </div></div>
    
13. 
    
14. 图标应设置为图片或自定义html填充div
    
15. 
    
16. 如何自定义开始菜单列表?
    
17. code
    
18. <div class=”list win10-menu-hidden animated animated-slideOutLeft”>
    
19. <div class=”item”>一级菜单</div>
    
20. <div class=”item”>一级菜单</div>
    
21. <div class=”sub-item”>二级菜单</div>
    
22. <div class=”sub-item”>二级菜单</div>
    
23. <div class=”sub-item”>二级菜单</div>
    
24. <div class=”item”>一级菜单</div>
    
25. <div class=”item”>一级菜单</div></div>
    
26. 一级菜单添加类item，二级添加sub-item。不需要用一级菜单“包裹”二级菜单，将自动识别二级菜单的归属，请注意排序。
    
27. 
    
28. 如何自定义开始菜单磁贴?
    
29. code
    
30. <div class=”blocks”>
    
31. <div class=”menu_group”>
    
32. <div class=”title”>磁贴组标题1</div>
    
33. <div loc=”1,1″ size=”1,1″ class=”block”>
    
34. <div class=”content”>磁贴1</div>
    
35. </div>
    
36. <div loc=”2,1″ size=”1,1″ class=”block”>
    
37. <div class=”content”>磁贴2</div>
    
38. </div>
    
39. </div>
    
40. <div class=”menu_group”>
    
41. <div class=”title”>磁贴组标题2</div>
    
42. <div loc=”1,1″ size=”2,2″ class=”block”>
    
43. <div class=”content”>磁贴3</div>
    
44. </div>
    
45. </div></div>
    
46. 磁贴区域被分成若干小格，每一行最多6格。loc=’x,y’中的x表示横坐标，y表示纵坐标（以左上方为1,1点）。size=’w,h’中的w和h表示格子的宽度和高度（以格为单位）。

复制代码