<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery卷轴打开动画特效</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/zzsc.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body><script src="/demos/googlegg.js"></script>
<div class="content">
<div class="l-pic-index"></div>
<div class="r-pic-index"></div>
<div class="l-bg-index"></div>
<div class="r-bg-index"></div>
<div class="main-index">
<p class="intro-text">
传统音乐是在以典河流域为中心的中原音乐和四域音乐以及外国音乐的交流融合之中形成发展起来的。
</p>
</div>
</div>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
//卷轴展开动画效果
$(".l-pic-index").animate({'left':'95px','top':'-4px'},1300);
$(".r-pic-index").animate({'right':'-23px','top':'-5px'},1450);
$(".l-bg-index").animate({'width':'433px','left':'73px'},1500);
$(".r-bg-index").animate({'width':'433px','right':'-38px'},1500,function(){
$(".main-index").fadeIn(800);
});
});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>更多源码下载：<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
jQuery卷轴打开动画特效.zip
版权申诉
141 浏览量
2023-09-22
00:14:47
上传
评论
收藏 221KB ZIP 举报
jQuery卷轴打开动画特效.zip （9个子文件） 
js 
jquery-1.11.0.min.js 94KB css style.css 2KB zzsc.css 753B normalize.css 2KB
index.html 2KB images 
j3.png 80KB j4.png 11KB j1.png 12KB j2.png 81KB资源评论
