最新公告
  • 欢迎您光临依米网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 仿Win10系统WIN10-UI系统PHP网站源码

    简介:

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

    图片:

    1.png

    2.png

    依米资源网code/detail2267.html

    依米资源网是一个免费资源平台,1米为收集整理的费用。本站所有资源均来自于互联网,版权归原作者所有,请于下载24小时之内删除,请勿商用,支持正版。
    依米资源网 » 仿Win10系统WIN10-UI系统PHP网站源码

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    依米资源网
    免费站长源码资源平台,资源免费,服务1米。

    发表评论

    • 2421会员总数(位)
    • 4361资源总数(个)
    • 4本周发布(个)
    • 1 今日发布(个)
    • 907稳定运行(天)

    共建共享免费资源网

    加入我们 投稿赚钱
    升级SVIP尊享更多特权立即升级