<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>非常酷的jquery动画立体滚动效果</title>
<link rel= "stylesheet" type="text/css" href="css/lanrenzhijia.css" media="screen"/>
<script src="js/jquery-1.6.1.min.js"></script>
<script src="js/scroll_herbs.js"></script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrap_out">
<div id='wrap'>
<div id="separation">
<div>Scroll <em>down</em></div>
<img src="images/herbes.jpg" width="592" height="350" alt="Herbes"> </div>
<section>
<div id="coriander" class="element">
<div>coriander</div>
<img src="images/coriander1.jpg" width="286" height="232" alt="Coriander">
<p>Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
<div id="rosemary" class="element"><img src="images/rosemary1.jpg" width="370" height="143" alt="Rosemary">
<div>rosemary</div>
<p>Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
<div id="lemonbalm" class="element">
<div>lemon balm</div>
<img src="images/lemonbalm1.jpg" width="265" height="193" alt="Lemonbalm">
<p>Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
<div id="chives" class="element">
<div>chives</div>
<img src="images/chives1.jpg" width="197" height="474" alt="Chives">
<p>Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
<div id="basil" class="element">
<div>basil</div>
<img src="images/basilic1.jpg" width="368" height="223" alt="Basil">
<p>Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
</section>
</div>
</div>
</body>
</html>
jquery动画立体滚动效果犹如从齿轮内部向外看旋转的感觉.zip
版权申诉
126 浏览量
2022-11-06
23:59:16
上传
评论
收藏 269KB ZIP 举报
jquery动画立体滚动效果犹如从齿轮内部向外看旋转的感觉.zip （13个子文件） 
132673636740629223 css 
lanrenzhijia.css 3KB deibi-webfont.ttf 62KB images 
basilic1.jpg 25KB herbes.jpg 59KB
arrowsdown.png 683B chives1.jpg 38KB coriander1.jpg 25KB bg.jpg 8KB lemonbalm1.jpg 18KB rosemary1.jpg 30KB
index.html 2KB js jquery-1.6.1.min.js 89KB scroll_herbs.js 3KB资源评论
