源码介绍:

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>

图标应设置为图片或自定义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>
一级菜单添加类item,二级添加sub-item。不需要用一级菜单“包裹”二级菜单,将自动识别二级菜单的归属,请注意排序。

如何自定义开始菜单磁贴?
code
<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表示格子的宽度和高度(以格为单位)。

安装教程:

详细安装教程在赞助群---》搜库安装说明---》根据源码编号找安装说明

源码截图:

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

附件
71097_pan
****(需购买后查看)
****(需购买后查看)
前往下载
附件购买
售价:17 积分
开通终身源码通或更高级的会员可免费下载该文件

登录注册购买

未经允许不得转载! 作者:admin,转载或复制请以超链接形式并注明出处搜库资源网

原文地址:《A1546仿Win10系统WIN10-UI系统PHP网站源码》发布于:2022-05-21

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (暂无评论,241人围观)

还没有评论,来说两句吧...