最新公告
  • 欢迎您光临取码网,销售只是起点 服务永无止境!立即加入我们
  • 文章介绍
  • 简介:

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

    源码下载地址:https://qumaw.lanzoul.com/iMcU00590jji

    Win10系统WIN10-UI系统PHP网站源码插图

    取码网声明:
    1、本站所有资源全部收集于互联网,分享目的仅供大家学习与参考,商用请购买正版,如有侵权,请联系qikewl@163.com及时删除!
    2、本站资源不保证其完整性和安全性,下载后请自行检测安全,在使用过程中出现的任何问题均与本站无关,请自行处理!
    3、本站为分享资源社区,所有资源问题,本站没责任,更没义务提供任何性质的技术支持,需要技术支持的请购买官方商业版!
    4、访问(取码网 www.qumaw.com)的用户必须明白,(取码网 www.qumaw.com)对提供下载的软件及其它资源不拥有任何权利,其版权归该下载资源的合法拥有者所有!
    5、未经(取码网 www.qumaw.com)的明确许可,任何人不得盗链本站下载资源;不得复制或仿造本网站或者在非(取码网 www.qumaw.com)所属的服务器上建立镜像,(取码网 www.qumaw.com)对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权,任何人不得侵害或破坏,也不得擅自使用。
    取码网 » Win10系统WIN10-UI系统PHP网站源码
    • 7339会员总数(位)
    • 2226资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 1272稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
    39元升级SVIP尊享更多特权立即升级