下载同款

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


简介:

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

快速入门:

如何自定义桌面图标?

code

  1. <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

  1. <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

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

图片:

1.png

2.png

下载说明:

1、本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。

2、如果源码下载地址失效请/联系站长QQ进行补发。

3、本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!

4、本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【源码源码ui网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。

5、请您认真阅读上述内容,购买即以为着您同意上述内容。

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

发表回复