HTML5期末大作业：动漫网站设计——动漫风二次元论坛(2页) HTML5网页设计成品_学生DW静态网页设计。
文章目录
HTML5期末大作业：动漫网站设计——动漫风二次元论坛(2页) HTML5网页设计成品_学生DW静态网页设计。一、作品展示二、文件目录三、代码实现四、学习资料一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html><html xmlns="/1999/xhtml" lang="en"><head><meta charset="utf-8" /><meta name="description" content="cmsmasters website template" /><meta name="keywords" content="html, css, template" /><link rel="shortcut icon" href="images/favicon.png" type="image/png" /><link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /><link rel="stylesheet" href="css/styles/prettyPhoto.css" type="text/css" media="screen" /><link id="gFontName" rel="stylesheet" href="/css?family=Cuprum:regular,italic,bold,bolditalic" type="text/css" /><!--[if lt IE 9]><link rel="stylesheet" href="css/styles/ie.css" type="text/css" /><![endif]--><title>萌站-黑夜主权-飘渺阁</title><!-- Shared on --><!-- Shared on --></head><body class="standard simple"><script type="text/javascript"> if (window.jQuery == undefined) document.write( unescape('%3Cscript src="js/jquery-1.6.4.min.js" type="text/javascript"%3E%3C/script%3E') ); </script><script src="js/jquery.prettyPhoto.js" type="text/javascript"></script><script src="js/script.js" type="text/javascript"></script><script type="text/javascript">jQuery(document).ready(function(){if (jQuery.browser.msie && jQuery.browser.version < 9){var $windowWidth = jQuery(window).width()+17;var $windowHeight = jQuery(window).height()+17;} else {var $windowWidth = window.innerWidth;var $windowHeight = window.innerHeight;}jQuery('body').append('<div id="preloaderMotion" />');jQuery('a.header_arrow').addClass('hidden');var $slider = '#sliderMotion';var $preloader = '#preloaderMotion';var $images = jQuery($slider+' li img');var $max = $images.length;$images.each(function(){var img = new Image();img.src = jQuery(this).attr('src');var intervalId = setInterval(function(){if (plete){clearInterval(intervalId);$max--;jQuery($preloader).append('<img id="nMotion'+$max+'" src="'+img.src+'" width="60" height="35" alt="" />');jQuery($preloader).find('img#nMotion'+$max).animate({opacity:1}, 500);if ($max == 0){LoadImageStart(jQuery($slider));jQuery($preloader).fadeOut(500, function(){jQuery(this).css({display:'none'});showHideContent();});}}}, 50);});function LoadImageStart(slider){slider.cmsmsMotionSlider({sliderWidth:$windowWidth,sliderHeight:$windowHeight,pauseOnHover:false,showPause:false});jQuery('a[rel="prettyPhoto[bgSlider]"]').prettyPhoto({animationSpeed:'normal', deeplinking:false, social_tools:false});}jQuery(window).resize(function(){if (jQuery.browser.msie && jQuery.browser.version < 9){var $windowWidth = jQuery(window).width()+17;var $windowHeight = jQuery(window).height();} else {var $windowWidth = window.innerWidth;var $windowHeight = window.innerHeight;}jQuery('.cmsmsMotionSliderContainer, .cmsmsMotionSlides, .cmsmsMotionSlides canvas, .cmsmsMotionSlides img, .cmsmsMotionSlides iframe').css({width:$windowWidth+'px', height:$windowHeight+'px'});jQuery('.cmsmsMotionControl').css({height:$windowHeight+'px'});jQuery('.cmsmsMotionNavigation').css({height:parseInt($windowHeight - 195)+'px'});});});</script><!-- _________________________ Start Slider __________________________ --><ul id="sliderMotion"><li data-thumb="images/slider/thumbs/img1.jpg" data-start="top left" data-finish="bottom right" data-zoom="out" data-animation="10"><img src="images/slider/img1.jpg" alt="Banner Image 1" /><div class="cmsmsSlideCaption" data-top="50"><h2>这是萌站呢</h2><p>萌站成立于 年六一儿童节，目标是<建设国内最大的二次元资源站>，并在为此努力的路上。我们分享来自全球的动漫资源，无门槛下载资源给你最佳的体验。</p><a href="http://1-" class="button btn_1">点击进入萌站</a></div></li><li data-thumb="images/slider/thumbs/img2.jpg" data-start="bottom center" data-finish="center center" data-zoom="in" data-animation="15"><a class="video autostop hd" href="/watch?v=-PAjEHhz2mw"><img src="images/slider/img2.jpg" alt="Banner Image 2" /></li><li data-thumb="images/slider/thumbs/img3.jpg" data-start="bottom right" data-finish="bottom left" data-zoom="out"><img src="images/slider/img3.jpg" alt="Banner Image 3" /></li><li data-thumb="images/slider/thumbs/img4.jpg" data-start="center center" data-finish="center center" data-zoom="in"><a class="video autostop hd" href="/19625497"><img src="images/slider/img4.jpg" alt="Banner Image 4" /></a></li><li data-thumb="images/slider/thumbs/img5.jpg" data-start="center left" data-finish="top right" data-zoom="out" data-animation="15"><img src="images/slider/img5.jpg" alt="Banner Image 5" /></li></ul><!-- _________________________ Finish Slider __________________________ --><!-- _________________________ Start Page ___________________________ --><div id="page" class="hideContent"><!-- _________________________ Start Header _________________________ --><div class="header_wrap"><div id="header"><div class="header_inner"><a class="logo" title="Pacifico" href="index.html"><img alt="Pacifico" src="images/logo.png" /><audio autoplay="autoplay"><source src="/mengzhan.mp3" type="audio/mpeg" /></audio></a><!-- _________________________ Start Navigation _____________________ --><div class="navigation_wrap"><ul id="navigation"><br><br><li><a href="about.html">关于<span>about</span></a></li><li><a href="http://1-">进入萌站<span>GO moe</span></a></li><li><a href="http://img.xiu.moe">萌图床<span>pic moe</span></a></li><li><a href="">博客<span>blog</span></a></li><li><a href="/msgrd?v=3&uin=1427460400&site=qq&menu=yes">联系笨站长<span>love me</span></a></li></ul></div><!-- _________________________ Finish Navigation ____________________ --></div><div class="header_arrow_wrap"><a href="#" class="header_arrow"><span> </span></a></div></div></div><!-- _________________________ Finish Header ________________________ --></div><!-- _________________________ Finish Page __________________________ --></body></html>
四、学习资料
HTML+CSS+JS——动漫风二次元论坛(2页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
