source/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2026-02-09 02:49:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

提前顶部导航的动画

Browse Source
This commit is contained in:
afc163
2015-06-04 18:25:08 +08:00
parent 337d16acf2
commit ed36003624
5 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
static/home.js
View File

@@ -180,9 +180,6 @@ $(function () {
var a_lineBox=[],end_num=0;
setTimeout(function (){
self.textTween();
$("body").addClass("index-page");
var header=$("#header")||$("header"),footer=$("#footer")||$("footer");
footer.removeAttr("style")
},500);
function addLine(i,j,lineBox){

1
static/homeLoad.js
View File

@@ -11,7 +11,6 @@ $(function () {
self.header=$("#header")||$("header");
self.main=$(".main");
self.footer=$("#footer")||$("footer");
self.footer.css("opacity",0);
self.addLoad()
},
addLoad:function (){

11
static/style.css
View File

@@ -117,6 +117,7 @@ header {
overflow: hidden;
border-bottom: 1px solid #eee;
font-size: 16px;
}
.fn-hide {
@@ -230,8 +231,6 @@ header {
font-size: 0.875em;
position: relative;
margin-right: 25px;
-webkit-animation: yTopMatrix .5s ease-out .5s backwards;
animation: yTopMatrix .5s ease-out .5s backwards;
}
.nav ul li {
@@ -1472,8 +1471,14 @@ footer ul li > a {
}
}
/***************************************************************************/
.index-page header{
.index-page header {
transition: opacity 0.5S;
-webkit-animation: xRightMatrix .5s ease-out .3s backwards;
animation: xRightMatrix .5s ease-out .3s backwards;
}
.index-page .nav {
-webkit-animation: yTopMatrix .5s ease-out .5s backwards;
animation: yTopMatrix .5s ease-out .5s backwards;
}
.index-page footer {

2
theme/templates/home.html
View File

@@ -1,5 +1,7 @@
{% extends "layout.html" %}
{% block bodyAttribute %}class="index-page"{% endblock %}
{% block content %}
<div class="main-box" id="main">
<div class="banner-box">

2
theme/templates/layout.html
View File

@@ -18,7 +18,7 @@
<script src="https://t.alipayobjects.com/images/T12TdfXlpbXXXXXXXX.js"></script>
<script src="/static/script.js"></script>
</head>
<body>
<body {% block bodyAttribute %}{% endblock %}>
<header id="header">
<a class="logo" href="/">
<img width="60" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg">