html5动漫风二次元网站博客引导页模板-编程知识

html5动漫风二次元网站博客引导页模板

效果图
部分源码
领取源码
下期更新预报

效果图

在这里插入图片描述

部分源码

<!DOCTYPE html>
<!--孤独  -->
<html xmlns="http://www.w3.org/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="http://fonts.googleapis.com/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 MafiaShare.net  --><!-- Shared on MafiaShare.net  --></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 (img.complete){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>QQ沐编程</h2><p>QQ沐编程成立于 2024年2月2日，并在为此努力的路上。我们分享来自全球的热门资源，无门槛下载资源给你最佳的体验。</p><a href="https://www.xkwo.com/ class="button btn_1">点击进入QQ沐编程</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"><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"><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="https://www.vip616.cn/">进入博客<span>blog</span></a></li><li><a href="https://www.vip616.cn/">域名抢注<span>yun</span></a></li><li><a href="https://www.vip616.cn/">工具箱<span>shop</span></a></li><li><a href="http://wpa.qq.com/msgrd?v=3&uin=2465829308&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>&nbsp;</span></a></div></div></div>
<!-- _________________________ Finish Header ________________________ --></div>
<!-- _________________________ Finish Page __________________________ --></body>
</html>