<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>WIN10-UI-DEMO</title>
<link rel='Shortcut Icon' type='image/x-icon' href='./img/windows.ico'>
<script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
<link href="./css/animate.css" rel="stylesheet">
<script type="text/javascript" src="./component/layer-v3.0.3/layer/layer.js"></script>
<link rel="stylesheet" href="./component/font-awesome-4.7.0/css/font-awesome.min.css">
<link href="./css/default.css" rel="stylesheet">
<script type="text/javascript" src="./js/win10.js"></script>
<style>
* {
font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu
}
/*磁贴自定义样式*/
.win10-block-content-text {
line-height: 44px;
text-align: center;
font-size: 16px;
}
</style>
<script>
Win10.onReady(function () {
//设置壁纸
Win10.setBgUrl({
main:'./img/wallpapers/main.jpg',
mobile:'./img/wallpapers/mobile.jpg',
});
Win10.setAnimated([
'animated flip',
'animated bounceIn',
], 0.01);
setTimeout(function () {
Win10.newMsg('官方交流一群', '欢迎各位大侠加入讨论：<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=4Er0u8i">[点击加入]205546163</a>')
}, 2500);
setTimeout(function () {
Win10.openUrl('//win10ui.yuri2.cn/src/broadcast.html','<i class="fa fa-newspaper-o icon red"></i>最新资讯',[['300px', '380px'],'rt'])
},2000);
});
//该函数可删除 Orz
function win10_forgive_me() {
Win10.enableFullScreen();
layer.alert('点击展示下一版本特性', {}, function(index){
var blue=$('<img src="./img/presentation/bluescreen.jpg" style="position: fixed;width: 100%;height:100%;top:0;z-index:9999999999" />');
setTimeout(function () {
$('body').append(blue);
},3000);
setTimeout(function () {
blue.remove();
Win10.disableFullScreen();
setTimeout(function () {
layer.msg('开个玩笑，别打我');
},1000);
},7000);
layer.close(index);
});
}
</script>
</head>
<body>
<div id="win10">
<div class="desktop">
<div id="win10-shortcuts" class="shortcuts-hidden">
<div class="shortcut" onclick="Win10.openUrl('http://win10ui.yuri2.cn','<img class=\'icon\' src=\'./img/icon/win10.png\'/>Win10-UI官网')">
<img class="icon" src="./img/icon/win10.png"/>
<div class="title">Win10-UI官网</div>
</div>
<div class="shortcut" onclick="Win10.openUrl('https://yuri2.cn','<img class=\'icon\' src=\'./img/icon/blogger.png\'/>尤里2号的博客')">
<img class="icon" src="./img/icon/blogger.png"/>
<div class="title">Yuri2's Blog</div>
</div>
<div class="shortcut" onclick="Win10.openUrl('win10ui.yuri2.cn/src/doc.php','<img class=\'icon\' src=\'./img/icon/doc.png\'/>在线文档')">
<img class="icon" src="./img/icon/doc.png"/>
<div class="title">在线文档</div>
</div>
<div class="shortcut" onclick="window.open('https://github.com/yuri2peter/win10-ui')">
<img class="icon" src="./img/icon/github.png"/>
<div class="title">github</div>
</div>
<div class="shortcut" onclick="Win10.openUrl('https://www.oschina.net/p/win10-ui','<img class=\'icon\' src=\'./img/icon/kyzg.png\'/>开源中国（求支持~）')">
<img class="icon" src="./img/icon/kyzg.png"/>
<div class="title">开源中国</div>
</div>
<div class="shortcut" onclick="window.open('https://github.com/yuri2peter/win10-ui/archive/master.zip')">
<img class="icon" src="./img/icon/download.png"/>
<div class="title">快速获取</div>
</div>
<div class="shortcut" onclick='Win10.openUrl("./login.html","<i class=\"fa fa-user icon black-green\"></i>示例登录页")'>
<i class="fa fa-user icon black-green"></i>
<div class="title">示例登录页</div>
</div>
<div class="shortcut win10-open-window" data-url="win10ui.yuri2.cn/src/contributor.php">
<i class="icon fa fa-fw fa-bank red" ></i>
<div class="title">名人堂</div>
</div>
<div class="shortcut" onclick='Win10.openUrl("win10ui.yuri2.cn/src/workshop.php","<i class=\"fa fa-gears icon purple\"></i>创意工坊")'>
<i class="fa fa-gears icon purple"></i>
<div class="title">创意工坊</div>
</div>
</div>
<div id="win10-desktop-scene"></div>
</div>
<div id="win10-menu" class="hidden">
<div class="list win10-menu-hidden animated animated-slideOutLeft">
<div class="item"><i class="red icon fa fa-wrench fa-fw"></i><span>API测试</span></div>
<div class="sub-item" onclick="Win10.openUrl('./child.html','子页')">父子页沟通</div>
<div class="sub-item" onclick="Win10.commandCenterOpen()">打开消息中心</div>
<div class="sub-item" onclick="Win10.newMsg('API测试','通过API可以发送消息至消息中心，自定义标题与内容(点击我试试)',function() {alert('click')})">发送带回调的消息</div>
<div class="sub-item" onclick="Win10.menuClose()">关闭菜单</div>
<div class="item" ><i class="blue icon fa fa-gavel fa-fw"></i>辅助工具</div>
<div class="sub-item" onclick="Win10.openUrl('win10ui.yuri2.cn/src/tools/builder-shortcut.html','图标代码生成器')">桌面图标代码生成器</div>
<div class="sub-item" onclick="Win10.openUrl('win10ui.yuri2.cn/src/tools/builder-tile.html','磁贴代码生成器')">磁贴代码生成器</div>
<div class="sub-item" onclick="Win10.openUrl('win10ui.yuri2.cn/src/tools/builder-menu.html','菜单代码生成器')">菜单代码生成器</div>
<div class="item" onclick="Win10.aboutUs()"><i class="purple icon fa fa-info-circle fa-fw"></i>关于</div>
<div class="item" onclick="layer.open({
title:'支持作者',
type: 1,
area:'300px',
offset:'50px',
shadeClose:true,
content: '<img width=\'300\' src=\'./img/presentation/donation.jpg\' />'
})"><i class="green icon fa fa-thumbs-up fa-fw"></i>捐赠</div>
<div class="item" onclick=" Win10.exit();"><i class="black icon fa fa-power-off fa-fw"></i>关闭</div>
</div>
<div class="blocks">
<div class="menu_group">
<div class="title">
应用示例
</div>
<div loc="1,1" size="6,3" class="block">
<div class="content red detail" >
<iframe style="margin-top: 10px" frameborder="no" border="0" marginwidth="0" marginheight="0" width=264 height=110 src="//music.163.com/outchain/player?type=2&id=110771&auto=0&height=90"></iframe>
</div>
<div class="content red cover">
<img width="264" style="position: relative;top: -50px;" src="./img/presentation/wangyiyun.gif" />
win10-ui-1.1.2.3.rar （46个子文件） 
win10-ui-1.1.2.3 
test.html 4KB css 
animate.css 71KB default.css 17KB child.html 1KB demo.html 12KB component layer-v3.0.3 layer layer.full.js 46KB skin default 
loading-1.gif 701B layer.css 14KB
icon-ext.png 6KB loading-0.gif 6KB loading-2.gif 2KB icon.png 11KB mobile need layer.css 5KB layer.js 3KB layer.js 21KB font-awesome-4.7.0 css font-awesome.min.css 30KB font-awesome.css 37KB fonts FontAwesome.otf 132KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB fontawesome-webfont.woff2 75KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB img windows.ico 66KB presentation 
donation.jpg 41KB bluescreen.jpg 796KB wangyiyun.gif 30KB 1.png 123KB icon download.png 18KB doc.png 23KB win10.png 5KB github.png 4KB demo.png 18KB website.png 16KB kyzg.png 5KB baidu.png 10KB blogger.png 37KB wallpapers mobile.jpg 56KB main.jpg 222KB login.jpg 171KB avatar.jpg 20KB js jquery-2.2.4.min.js 84KB win10.child.js 825B win10.js 35KB login.html 3KB index.html 4KB资源评论
afei1117
- 粉丝: 0
- 资源: 4
最新资源
- 同济大学作业之-LPC分析（男声变女声）和PCM编码
- java超市订单管理系统源码数据库 MySQL源码类型 WebForm
- 记录windows安装nvm：nvm-setup-2024-11-16.exe.zip
- 同济大学数字信号处理实验(包含实验报告)
- Kettle 是Kettle E.T.T.L. Envirnonment只取首字母的缩写，这意味着它被设计用来帮助你实现你的
- java微信小程序B2C商城 H5+APP源码 前后端分离数据库 MySQL源码类型 WebForm
- matplotlib 绘制随机漫步图
- java版快速开发框架后台管理系统源码数据库 MySQL源码类型 WebForm
- Java实现植物大战僵尸简易版
- matplotlib 绘制随机漫步图
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
