HTML5期末大作业：动漫
文章目录
- HTML5期末大作业：动漫
- 一、作品展示
- 二、文件目录
- 三、代码实现
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html><head><meta charset="UTF-8" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>萌站咻咻ACG-老司机的天堂-黑夜主权</title><meta name="keywords" content="黑夜主权,萌站,咻咻ACG"><meta name="description" content="萌站成立于 2016 年六一儿童节，目标是<建设国内最大的二次元资源站>，并在为此努力的路上。我们分享来自全球的动漫资源，无门槛下载资源给你最佳的体验。"><meta name="fragment" content="!"><meta name='robots' content='index,follow' /><link rel='stylesheet' id='generalStyle-css' href='style_light.css' type='text/css' media='all' /><link rel='stylesheet' id='contentFont-css' href='http://fonts.googleapis.com/css?family=PT+Sans:regular&subset=cyrillic,latin' type='text/css' media='all' /><link id='headerFont-css' href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' /><link rel='stylesheet' id='modal-css' href='js/prettyPhoto/css/prettyPhoto.css' type='text/css' media='all' /><script type='text/javascript' src='js/jquery-1.7.min.js'></script><script type='text/javascript' src='js/jquery.easing.1.3.js'></script><script type='text/javascript' src='js/prettyPhoto/js/jquery.prettyPhoto.js'></script><script type='text/javascript' src='js/jquery.quicksand.js'></script><script type="text/javascript" src="js/jquery.validate.min.js"></script><script type="text/javascript" src="js/jquery.history.js"></script><script type='text/javascript' src="main.js"></script><link rel="shortcut icon" type="image/x-icon" href="images/favicon_light.ico" /><script type='text/javascript'>var bgTime = 5000; // bg Image/Video animation display durationvar bgPaused = false; // bg Image/Video animation pausedvar menuTime = 600; // menu delayvar autoPlay = true; // Background audio autoplayvar loop = true; // Background audio loop or next songvar twtTime = 3000; // Twitter display durationvar prettyTheme = 'light_square'; //Pretty Photo Plug-in Tehemevar normalFade = false; // Normal fade animationvar frontPage = ''; // Front Page URLvar btnSoundURL = 'http://files.renklibeyaz.com/sounds/button2'; // Button Hover Soundvar menuPositionFixed = false;//v1.2var videoPaused = false;var menuAlwaysOpen = false;var bgStretch = true;</script><script type='text/javascript' src="js/froogaloop.js"></script><style type="text/css">#bodyLoading #loading {color: #F00;}</style>
</head><body><div id="body-wrapper"><!-- BEGIN: Main Elements; Please don't change these items --><div id="bgImage"><div id="bgImageWrapper"></div></div><div id="bgPattern"></div><div id="bgText"><h3></h3><div class="subText"></div></div><div id="content"><div id="contentBox"></div><div id="contentLoading"><div id="CtLoading">Loading<br/><img src="images/loading1.gif" width="80" height="10" alt="" /></div></div></div><!-- END: Main Elements --><!-- BEGIN: Vertical Side Bar --><!-- // Every <li> includes Thumbnail, Video or Background ImageCaption and Description elementes--><ul id="bgImages"><!-- BEGIN: Background Element --><li><!-- Thumbnail Image must be 120x80px and class="thumb" --><img class="thumb" src="images/background/bg1_th.jpg" alt="" /><!-- If you want to use IMAGE at background its width must be between 1024x768px and 1920x1080px. And you must use class="source".If you want to use VIDEO at background it must be in iframe tags like below;<iframe src="http://player.vimeo.com/video/18303923?title=0&byline=0&portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>Note: You must define its width and height values of your original video. It supports youtube or vimeo.--><img class="source" src="images/background/bg1.jpg" alt="" /><!-- BEGIN: description; h3 and p tags are optional --><h3>欢迎来到萌站</h3><p>咻咻论坛，会员可发帖免费设计网站，我会在论坛板块回复。当作萌主练手了。小单子不收费，大单子走淘宝。</p><!-- END: description --></li><!-- END: Bakground Element --><li><img class="thumb" src="images/background/bg2_th.jpg" alt="" /><img class="source" src="images/background/bg2.jpg" alt="" /><h3>老司机的天堂</h3><p>在线动漫，你还在等什么呢，跟老司机一块上车吧。</p></li><li><img class="thumb" src="images/background/bg3_th.jpg" alt="" /><img class="source" src="images/background/bg3.jpg" alt="" /><h3>萌站广告位招租</h3><p>行业差距最好不要太大，不然转化率堪忧，不过给钱，没什么不能干的。哈哈</p></li><li><img class="thumb" src="images/background/bg4_th.jpg" alt="" /><img class="source" src="images/background/bg4.jpg" alt="" /><h3>咻咻论坛</h3><p>一个在线里番，在线本子站，欢迎你的加入。</p></li><li><img class="thumb" src="images/background/bg5_th.jpg" alt="" /><img class="source" src="images/background/bg5.jpg" alt="" /><h3>QQ群</h3><p>本站暂时只有这么一个群 521937042 ，和论坛是通用的。</p></li><li><img class="thumb" src="images/background/bg6_th.jpg" alt="" /><img class="source" src="images/background/bg6.jpg" alt="" /><h3>论坛注册收费问题</h3><p>一次收费终身受益的，自己想设计自己的小单页，可以在论坛网站定制板块发帖。</p></li><li><img class="thumb" src="images/background/bg7_th.jpg" alt="" /><img class="source" src="images/background/bg7.jpg" alt="" /><h3>转载请带个版权</h3><p>转载的话请带个版权，还有黑夜主权是我的ID，so，我的ID是四个字，几天不见几十个主权。</p></li><li><img class="thumb" src="images/background/bg8_th.jpg" alt="" /><img class="source" src="images/background/bg8.jpg" alt="" /><h3>素材来源</h3><p>樱花庄的宠物女孩，伪恋，从零开始的异世界生活，缘之空，游戏人生。</p></li><li><img class="thumb" src="images/background/bg9_th.jpg" alt="" /><img class="source" src="images/background/bg9.jpg" alt="" /><h3>其实。。。</h3><p>其实是想加一个右键美化的，但是太臃肿了，所以就这样子吧</p></li><li><img class="thumb" src="images/background/bg10_th.jpg" alt="" /><img class="source" src="images/background/bg10.jpg" alt="" /><h3>联系笨站长</h3><p>邮件：yeye@1-yi.cn</p><p>QQ：1427460400</p></li></ul><!-- BEGIN: Main Menu --><div id="menu-container"><!-- BEGIN: Logo --><div id="logo"><img src="http://q1.qlogo.cn/g?b=qq&nk=1427460400&s=100" title="小小萌站" /></div><!-- END: Logo --><!-- // Menu classes must be used with the same hierarchy and the same class names--><div id="mainmenu"><div class="menu-header"><ul id="menu-main-menu" class="menu"><li id="menu-item-1"><a href="/"><span class="title">HOME</span></a></li><li id="menu-item-2"><a href="http://bbs.xiu.moe/"><span class="title">论坛</span></a></li><li id="menu-item-3"><a href="http://1-yi.cn/"><span class="title">萌站</span></a></li><li id="menu-item-4"><a href="http://blog.yoomeili.cn/" target="_blank"><span class="title">博客</span></a></li><li id="menu-item-5"><a href="http://shang.qq.com/wpa/qunwpa?idkey=e9d688de5f7e142ed449767e3bcd2d8175acc2b6210a03d6430635cd1a4844bc"><span class="title">加群</span></a></li><li id="menu-item-6"><a href="http://wpa.qq.com/msgrd?v=3&uin=1427460400&site=qq&menu=yes"><span class="title">联系笨站长</span></a></li></ul></div></div><!-- BEGIN: Menu Opener; Please dont remove this element to use menu. --><div id="menuOpener">MOE</div><div id="menuCloser">CLOSE</div><!-- END: Menu Opener --></div><!-- END: Main Menu --><!-- BEGIN: Audio Controller; Please don't remove this element --><div id="audioControls"><a class="btn prev" href="javascript:void(0);"></a><a class="btn play" href="javascript:void(0);"></a><a class="btn pause" href="javascript:void(0);"></a><a class="btn next" href="javascript:void(0);"></a></div><!-- END: Audio Controller --><!-- BEGIN: Footer --><div id="footer"><div id="footertext"> Copyright © 2016 | 萌站联合咻咻论坛</div><audio autoplay="autoplay"><source src="/mengzhan.mp3" type="audio/mpeg" /></audio><!-- BEGIN: Background Controller Buttons --><div id="bgControl"><a class="prev" href="javascript:void(0);" onClick="prevBg()"></a><a class="play" href="javascript:void(0);" onClick="playBg()"></a><a class="pause" href="javascript:void(0);" onClick="pauseBg()"></a><a class="next" href="javascript:void(0);" onClick="nextBg()"></a></div><!-- END: Background Controller Buttons --><!-- BEGIN: Share Buttons --><div id="share"><ul></ul></div><!-- END: Share Buttons --></div><!-- END: Footer --><!-- BEGIN: Audio List // Every li includes a song url. But it doesn't contain file extensions.Because some off browsers support .mp3 and others support .ogg format. It automatically recognise it.For the wider browser support you should put filename.mp3, filename.ogg formats to the folder.--><!-- END: Audio List --></div><!-- BEGIN: First Loading; Please don't remove this element --><div id="bodyLoading"><div id="loading">正在勃起中。。。<br/><img src="images/loading1.gif" width="200" height="" alt="loading" /></div></div><!-- END: First Loading --></div>
</body></html>
