【文件属性】:
文件名称:jQuery的文章章节全屏动画切换效果.zip
文件大小:74KB
文件格式:ZIP
更新时间:2022-07-31 04:05:10
js特效-jQuery的文章章节全屏动画切换效果
js代码
[removed]
$(function () {
'use strict';
var main = $('.main'), about = $('.aboutSection');
$('.about').click(function () {
main.animate({
'height': '0',
'top': '50vh',
'padding': '0'
}, 300).animate({
'width': '2px',
'left': '50%'
}, 900).fadeOut(200, function () {
about.fadeIn(200);
about.animate({
'width': '100%',
'left': '0'
}, 900);
about.animate({
'min-height': '100vh',
'top': '0',
'padding-top': '50px',
'padding-bottom': '50px'
}, 300);
});
});
$('.home').click(function () {
about.animate({
'min-height': '0',
'height': '0',
'top': '50vh',
'padding': '0'
}, 300).animate({
'width': '2px',
'left': '50%'
}, 900).fadeOut(200, function () {
main.fadeIn(200).animate({
'width': '100%',
'left': '0'
}, 900).animate({
'height': '100vh',
'top': '0',
'padding-top': '100px',
'padding-bottom': '100px'
}, 300);
});
});
});
[removed]
【文件预览】:
jQuery文章章节全屏动画切换效果
----css()
--------default.css(5KB)
--------styles.css(2KB)
----php中文网下载站.url(114B)
----fonts()
--------icomoon.woff(1KB)
--------icomoon.svg(2KB)
--------icomoon.eot(2KB)
--------icomoon.ttf(1KB)
----index.html(3KB)
----js()
--------jquery-2.1.1.min.js(82KB)
----php中文网免费下载站.txt(219B)
----QQ截图20171227095203.png(37KB)