<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='zh-CN' xml:lang='zh-CN' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>OSChina公司发展历程大事记时间轴</title>
<link rel="stylesheet" type="text/css" href="css/reset_y.css">
<style>
body {
font-family: 微软雅黑, Verdana, sans-serif, 宋体;
color: #fff;
background: #fff;
background-size: 110% 110%;
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
_background:#fff url(images/bg01.jpg) no-repeat;
_background-attachment:fixed;
}
body.impress-not-supported {
line-height: 200%;
font-size: 18px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
color: inherit;
text-decoration: none;
padding: 0 0.1em;
text-shadow: 1px 1px 5px rgba(100, 100, 100, 0.5);
border-radius: 0.2em;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
a:hover, a:focus {
text-shadow: 1px 1px 5px rgba(100, 100, 100, 0.2);
}
.mt10 {
margin-top: 10px;
}
.opacity7 {
opacity: 0.7;
}
.opacity9 {
opacity: 0.9;
}
.rotate45 {
-webkit-transform: rotate(720deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: rotate(360deg);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.step {
position: relative;
width: 900px;
padding: 40px;
margin: 20px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-size: 48px;
line-height: 1.5;
cursor: pointer;
}
.impress-not-supported .step {
font-size: 18px
}
.impress-enabled .step {
margin: 0;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.impress-enabled .step.active {
opacity: 1;
}
/* header */
header {
background:transparent;
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#51ffffff, endColorstr=#51ffffff);
background-color: rgba(255, 255, 255, 0.2);
_background-color:#f3f3f3;
padding: 10px 0;
top: 0;
left: 0;
width:100%;
z-index: 100;
}
.top h1 {
width: 1000px;
margin: 0 auto;
font-size: 28px;
-webkit-transition: all 1s ease-in-out 0.5s;
-moz-transition: all 1s ease-in-out 0.5s;
-ms-transition: all 1s ease-in-out 0.5s;
-o-transition: all 1s ease-in-out 0.5s;
transition: all 1s ease-in-out 0.5s;
}
.top h1 a {
display: inline-block;
}
.top h1 img {
display: inline-block;
zoom: 1;
width: 160px;
height: 47px;
border-right: 1px solid rgba(255, 255, 255, .1);
margin-right: 10px;
padding-right: 10px;
}
.top h1 em {
vertical-align: top;
display: inline-block;
color: #40AA53;
line-height: 48px;
font-style: normal;
-webkit-transition: all 1s ease-in-out 0.5s;
-moz-transition: all 1s ease-in-out 0.5s;
-ms-transition: all 1s ease-in-out 0.5s;
-o-transition: all 1s ease-in-out 0.5s;
transition: all 1s ease-in-out 0.5s;
}
/* bg */
.impress-supported .bg {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: -100;
background:#fff url(images/bg04.jpg) no-repeat;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.impress-not-supported .bg {
background: #333;
position: fixed;
top: 0;
left: 0;
z-index: -100;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
_display: none;
}
.impress-not-supported .bg img {
height:1200px;
}
.impress-supported .bg img {
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
/* timeline */
.impress-supported .timeline {
position: absolute;
bottom: 20%;
left: 0;
width: 100%;
padding: 0 100px;
font-size: 18px;
-webkit-transition: all 1s ease-in-out 1.5s;
-moz-transition: all 1s ease-in-out 0.5s;
-ms-transition: all 1s ease-in-out 0.5s;
-o-transition: all 1s ease-in-out 0.5s;
transition: all 1s ease-in-out 0.5s;
}
.impress-not-supported .timeline {
margin-top: 30px;
}
.impress-supported .line_white {
height: 5px;
width: 100%;
background: rgba(255, 255, 255, .2);
position: absolute;
bottom: 50%;
left: 0;
z-index: -10;
}
/* timeList_item */
.impress-supported .timeList_item {
position:relative;
float: left;
}
.impress-not-supported .timeList_item {
background:transparent;
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#51000000, endColorstr=#51000000);
background: rgba(0, 0, 0, .2);
_filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 );
_background-color:#333;
padding: 30px;
border-radius: 10px;
}
.impress-supported .present {
margin-top: -20px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.impress-supported .circle {
margin-right: 100px;
width:64px;
height: 64px;
background-color: rgba(0, 0, 0, 0.9);
border-radius: 50%;
border: 5px solid rgba(255, 255, 255, 0.8);
font-size: 20px;
color: #fff;
text-align: center;
line-height: 64px;
cursor: pointer;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.impress-supported .present .circle {
width:90px;
height: 90px;
background-color: rgba(235, 0, 0, 0.9);
line-height:90px;
font-size: 24px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
border: none;
}
.impress-not-supported .circle {
font-size: 48px;
}
.impress-supported .timeList_item_title {
width: 150px;
position: absolute;
top: 158px;
left: -84px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
text-align: right;
font-size: 14px;
letter-spacing: 1px;
-webkit-transition: all 1s ease-in-out 0.5s;
-moz-transition: all 1s ease-in-out 0.5s;
-ms-transition: all 1s ease-in-out 0.5s;
-o-transition: all 1s ease-in-out 0.5s;
transition: all 1s ease-in-out 0.5s;
}
.impress-not-supported .timeList_item_title {
font-size: 24px;
line-height: 200%;
color: #ff9900;
font-size: 30px;
}
.impress-supported .present .timeList_item_title {
width: 500px;
top: -10px;
left: 280px;
line-height: 100%;
-webkit-transfo
html5_Timeline.rar （46个子文件） 
codesc.net OSChina公司发展历程大事记时间轴 
index.html 33KB images 
event9.jpg 57KB event16.jpg 58KB guangzhou.jpg 77KB event20.jpg 93KB event11.jpg 44KB zhuhai.jpg 70KB bg04.jpg 137KB event10.jpg 70KB
event5.png 245KB event14.jpg 57KB event8.jpg 53KB event6.png 99KB event17.jpg 57KB event1.jpg 17KB top.png 6KB chengdu.jpg 117KB event23.png 106KB bg02.jpg 136KB bg03.jpg 137KB beijing.jpg 125KB event13.jpg 42KB event24.jpg 69KB xian.jpg 105KB event2.jpg 59KB event19.jpg 96KB xiamen.jpg 115KB event21.jpg 59KB hangzhou.jpg 67KB refress.png 3KB
Thumbs.db 149KB event7.jpg 95KB shenzhen.jpg 119KB event22.jpg 67KB event18.png 37KB event12.jpg 70KB event20_2.jpg 62KB event4.jpg 83KB nanjing.jpg 58KB 160_os_logo.png 3KB event3.png 65KB event15.jpg 70KB bg01.jpg 138KB js jquery-1.8.3.min.js 91KB impress.js 33KB music css reset_y.css 772B
普通网友
- 粉丝: 484
- 资源: 1万+
最新资源
- CC智慧物业小程序-活动资源
- 西门子S7-1500PLC大型程序实践：FB块PTO多轴控制详解与智能IO通讯探索，ModbusRTU轮询与威纶通触摸屏高级应用指南,西门子S7-1500PLC大型程序，各种FB块PTO控制20多个轴
- 智慧园区管理系统-活动资源
- kde-baseapps-devel-4.10.5-6.el7.x64-86.rpm.tar.gz
- CC活动报名小程序-活动资源
- APIAuto-机器学习开发资源
- kde-baseapps-libs-4.10.5-6.el7.x64-86.rpm.tar.gz
- CC智慧物业小程序-活动资源
- kde-filesystem-4-47.el7.x64-86.rpm.tar.gz
- Java毕设项目：基于spring+mybatis+maven+mysql实现的财务管理系统【含源码+数据库+毕业论文】
- 基于S7-300PLC的真空热压烧结炉控制系统设计：组态王组态与梯形图程序设计及图纸详解,基于S7-300PLC的真空热压烧结炉控制系统设计组态王组态 带解释的梯形图程序，接线图原理图图纸，io分配
- kde-l10n-4.10.5-2.el7.x64-86.rpm.tar.gz
- kde-l10n-Arabic-4.10.5-2.el7.x64-86.rpm.tar.gz
- Matlab代码定制：综合能源系统多能微网运行优化与博弈策略研究-涵盖CHP、P2G、CCS及多层优化方法,Matlab代码定制：综合能源系统 多能微网运行优化、能源博弈论 可以做以下方向： 1.
- kde-l10n-Basque-4.10.5-2.el7.x64-86.rpm.tar.gz
- Matlab Cplex下的两级电力市场省间交易商风险考量最优购电模型：基于KKT与强对偶双层优化解析,Matlab Cplex代码：两级电力市场环境下计及风险的省间交易商最优购电模型 参考电网技术的
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论1