您好,欢迎来到菜鸟吧源码网(www.cniao8.com)本站只做精品网站源码!
  • 首 页
  • 菜鸟云
  • 公告:本站资源均来源于互联网及会员投稿发布,所有资源仅供学习参考研究使用,请勿商用或其它非法用途,商用请购买正版,否则产生一切后果由用户自行承担!谢谢!

     

    当前位置:主页 > 网络资源 > 免费源码 >
    仿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表示格子的宽度和高度(以格为单位)。

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

    [↓↓↓资源下载↓↓↓]

    暂无演示
  • 点击下载
  •  —下载需要"0"金币— 注意:当账号有足够金币时 点击下载按钮自动扣除。 充值金币升级VIP

    上一篇:520表白html实现3D动态相册,换成女朋友照片

    下一篇:2022最新简约好用的菜鸟吧图床系统源码 单页html源码

    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如遇到资源无法下载,请点击这里失效报错。失效报错提交后记得查看你的留言信息,24小时之内反馈信息。
    如有侵犯您的版权,请给我们来信:admin@cniao8.com,我们会尽快处理,并诚恳的向你道歉!

    本站不免费提供咨询,技术支持和安装服务如果需要服务请点击这里游戏棋牌类源码不提供搭建