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&amp;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&amp;byline=0&amp;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&amp;nk=1427460400&amp;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 &copy; 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>

HTML+CSS大作业——动画漫展学习资料电影模板(6页) 网页设计作业 _ 动漫网页设计作业,网页设计作业 _ 动漫网页设计成品,网页设计作业 _ 动漫网页设计成品模板下载相关推荐

  1. web前端期末大作业——网页制作基础大二dw作业——动画漫展学习资料电影模板(6页)

    HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...

  2. 19HTML5期末大作业:动画漫影视网站设计——动画漫展学习资料电影模板(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 课程设计网页规划与设计 计算机毕设网页设计源

    HTML5期末大作业:动画漫影视网站设计--动画漫展学习资料电影模板(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常 ...

  3. HTML期末大作业 学生DW静态网页设计 动画漫展学习资料电影模板(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源

    HTML5期末大作业`动画漫影视网站设计--动画漫展学习资料电影模板(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 wHTML期末大作业 学生DW静态网页设计 html大作 ...

  4. 个人主页博客网页设计制作HTML5+CSS大作业——个人相册展示留言博客模板(6页) 简单个人网页制作

    HTML5+CSS大作业--个人相册展示留言博客模板(6页) 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服 ...

  5. HTML5+CSS大作业——个人相册展示留言博客模板(6页)

    HTML5+CSS大作业--个人相册展示留言博客模板(6页) 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服 ...

  6. 自学大数据入门全套学习资料(视频+课程大纲+笔记)

    目录: 大数据课程导论 分布式技术 Apache Hadoop概述 Hadoop集群搭建 Hadoop初体验 Hadoop HDFS基准测试 学习目标 理解大数据相关概念.特点.应用场景 掌握大数据业 ...

  7. 计算机毕设网页设计源码——HTML+CSS+JS+Bootstrap在线音乐试听播放网站模板

    HTML5期末大作业:HTML+CSS+JS+Bootstrap在线音乐试听播放网站模板(24页) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材 ...

  8. 软件工程师如何从菜鸟到高手?扒一扒高手们的自学内幕... | 附100篇网络安全、CSS学习资料合集

    红人榜第六期来咯~ 小组持续组队中,本期干货:网络安全.CSS,往下看吧~ 今天,有小组同学提出关于[网络安全]相关问题,小编特地为大家挑选了最受欢迎的网络安全50篇资料合集,帮助同学们快速掌握网络安 ...

  9. python编程资料包_强力推荐,非常全的Python编程400集学习资料(今日限免)

    因为大数据和 AI,Python 一跃成为最火的语言,这里推荐几本畅销排行榜上的好书. 有需要在我的哔哩哔哩账号,私信我,"资料,即可免费领取. 一.Python基础教程 <图灵程序设 ...

  10. 大数据学习资料、视频、PDF源码工具

    大数据是目前互联网行业内最火的一部分,而且是很多开发工程师追求的一个大的方向.那么相对于我们想从事大数据开发工作而又没有学习方向的人来说应该怎么办呢? 别急,小编为大家准备了大数据相关的学习资料,包括 ...

最新文章

  1. 2010-11季,关注波士顿凯尔特人的10个理由
  2. c#对象集合去重_《C#编程入门》概览
  3. comboBox设置为只读(只选)
  4. numpy.newaxis详解
  5. oracle sql 数据库之间导入数据
  6. javascript经典实例_JavaScript 经典实例收集整理
  7. String常用的方法总结
  8. 【牛客161 - A】字符串(尺取法,桶标记法)
  9. 使用Microsoft SQL Server 2000全文搜索功能构建Web搜索应用程序 --作者:Andrew B. Cencini...
  10. C#巧妙实现服务器端应用程序和asp网页交互
  11. C# WinForm 判断程序是否已经在运行,且只允许运行一个实例
  12. Chelly的串串专题
  13. sysbench线程数_分享3个Sysbench性能压测脚本及多并发压测过程
  14. Docker学习文档
  15. 这个被上帝抛弃的国家,创立了全球一半的科技公司
  16. SE5_FALSR超分辨率图像模型移植与测试
  17. Win10 蓝屏0xc0000098修复
  18. TWS耳机哪款好用?2022TWS耳机推荐
  19. 解决linux无法启动,进入救援模式也报错:you don‘t have any linux partitions的问题
  20. 括号匹配(动态规划)

热门文章

  1. 发现个不错的网盘类似百度云盘 支持磁力云预览,离线下载 20G
  2. 解除当前设置不允许下载该文件
  3. 湖南师范大学2018年大学生程序设计竞赛新生赛 F 小名的回答
  4. 董事长、CEO、总裁、总经理、总监的区别
  5. Qt系列文章之 右键菜单QMenu(上)
  6. ensp ethernet端口配置ip问题
  7. python程序运行进程、使用时间、剩余时间显示
  8. ·超高清晰电影寻觅及下载技巧汇集
  9. 电脑网络适配器黄色感叹号,无法连接WiFi?显示适配器黄色小标?
  10. 八个处理好职场人际关系的必备技巧