HTML5+CSS大作业-中国风端午专题(6页)节日专题活动页面滚动模板
常见的网页设计作业主题包括个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、故乡、鲜花、礼品、汽车等网页设计主题,A+级作业中国风的网站模板,可满足大学生网页设计需求作业中国风的网站模板,喜欢的可以下载!
文章目录
1.作品展示
2、文件目录
3. 代码实现
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>元宵专题活动页</title>
<script src="jscript/jquery-1.8.3.min.js"></script>
<script src="jscript/snowfall.jquery.js"></script>
<script src="jscript/common.js"></script>
<link rel="stylesheet" type="text/css" href="styles/styles.css">
</head>
<body>
<div class="contain">
<div class="scroll">
<div class="plate plate0">
<div class="c0-con">
<img class="font-word" src="images/font-word.png" />
</div>
<div class="plt1-bt"><img class="plt-arrow" src="images/down.png" /></div>
</div>
<div class="plate plate1">
<div class="firework">
<div style="text-align:center;clear:both"> </div>
<canvas id="canvas"></canvas>
<script src="jscript/firework.js"></script>
</div>
<div class="p1-con">
<div class="p1-tag">
<div><span></span>
<font>17素材网</font>
</div>
</div>
<div class="p1-word">
<p>17素材网站是致力于网页前端开发用户的一个下载资源交流平台网站。在这里您可以找到时下最流行、最新进的网页前端脚本代码和网页设计图片素材。且融入了目前最流行微博客社交功能,您可以在这找到与您一起的同行工作者。您可以在这里发布您自己的代码和图片等素材,与别人分享。同时您也可以查阅别人收藏、发布的内容,或看看热门推荐素材等。
</p>
<p>17素材网站是致力于网页前端开发用户的一个下载资源交流平台网站。在这里您可以找到时下最流行、最新进的网页前端脚本代码和网页设计图片素材。且融入了目前最流行微博客社交功能,您可以在这找到与您一起的同行工作者。您可以在这里发布您自己的代码和图片等素材,与别人分享。同时您也可以查阅别人收藏、发布的内容,或看看热门推荐素材等。</p>
</div>
</div>
<div class="plt1-bt"><img class="plt-arrow" src="images/down.png" /></div>
</div>
<div class="plate plate2">
<div class="center-posit">
<div class="p2-con">
<div class="p2-tag"><span>17素材网</span></div>
<div class="p2-word">
<p>17素材网站是致力于网页前端开发用户的一个下载资源交流平台网站。在这里您可以找到时下最流行、最新进的网页前端脚本代码和网页设计图片素材。且融入了目前最流行微博客社交功能,您可以在这找到与您一起的同行工作者。您可以在这里发布您自己的代码和图片等素材,与别人分享。同时您也可以查阅别人收藏、发布的内容,或看看热门推荐素材等。</p>
</div>
<div class="p2-img"><img src="images/c2-img.png" /></div>
<div class="p2-man"><img src="images/c2-man.png" /></div>
</div>
</div>
<div class="plt-list">
<div class="list-con"><span></span><span></span><span></span><span></span></div>
</div>
</div>
<div class="plate plate3">
<div class="center-posit">
<div class="p3-con">
<div class="p3-img0"><img src="images/p3-img0.png" /></div>
<div class="p3-img1"><img src="images/p3-img1.jpg" /></div>
<div class="p3-img2"><img src="images/p3-img2.jpg" /></div>
<div class="p3-img3"><img src="images/p3-img3.jpg" /></div>
<div class="p3-tag"><span>17素材网</span></div>
<div class="p3-word">
<p>17素材网站是致力于网页前端开发用户的一个下载资源交流平台网站。在这里您可以找到时下最流行、最新进的网页前端脚本代码和网页设计图片素材。且融入了目前最流行微博客社交功能,您可以在这找到与您一起的同行工作者。</p>
</div>
</div>
</div>
<div class="plt-list">
<div class="list-con"><span></span><span></span><span></span><span></span></div>
</div>
</div>
<div class="plate plate4">
<div class="center-posit">
<div class="p4-con">
<div class="p4-img1"><img src="images/p4-img1.jpg" /></div>
<div class="p4-img2"><img src="images/p4-img3.jpg" /></div>
<div class="p4-img3"><img src="images/p4-img4.jpg" /></div>
<div class="p4-tag"><span>17素材网</span></div>
<div class="p4-word">
<p>17素材网站是致力于网页前端开发用户的一个下载资源交流平台网站。在这里您可以找到时下最流行、最新进的网页前端脚本代码和网页设计图片素材。且融入了目前最流行微博客社交功能,您可以在这找到与您一起的同行工作者。</p>
</div>
</div>
</div>
<div class="plt-list">
<div class="list-con"><span></span><span></span><span></span><span></span></div>
</div>
</div>
<div class="plate plate5">
<div class="center-posit">
<div class="p5-con">
<div class="p5-img0"><img src="images/p5-bg.png" /></div>
<div class="p5-img1"><img src="images/p5-rw.png" /></div>
<div class="p5-img2"><img src="images/p5-img1.jpg" /></div>
<div class="p5-img3"><img src="images/p5-img0.jpg" /></div>
<div class="p5-tag"><span>17素材网</span></div>
<div class="p5-word">
<p>17素材网站是致力于网页前端开发用户的一个下载资源交流平台网站。在这里您可以找到时下最流行、最新进的网页前端脚本代码和网页设计图片素材。</p>
</div>
</div>
</div>
<div class="plt-list">
<div class="list-con"><span></span><span></span><span></span><span></span></div>
</div>
</div>
<div class="footer">
<p style="text-align:center;padding:20px;">17素材网 © 2017 http://www.17sucai.com 版权所有| 浙ICP备13006792号</p>
</div>
</div>
</div>
</body>
</html>