游戏音乐娱乐类网站源码-游戏动态日志BLOG响应式网页模板-支持移动端.zip资源-CSDN文库

共39个文件

jpg：21个

html：6个

png：5个

版权申诉

HTML源码

网站源码

源码

JavaScript

18 浏览量 2024-03-25 08:49:25 上传评论收藏 1.92MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

游戏音乐娱乐类网站源码-游戏动态日志BLOG响应式网页模板-支持移动端.zip （39个子文件）

游戏音乐娱乐类网站源码-游戏动态日志BLOG响应式网页模板-支持移动端

html

jquery.magnific-popup.js 45KB

modernizr.custom.53451.js 7KB

jquery-1.11.0.min.js 94KB

jquery.mixitup.min.js 14KB

features.html 5KB

css

style.css 30KB

popuo-box.css 4KB

bootstrap.css 118KB

index.html 11KB

contact.html 4KB

single.html 7KB

images

pic5.jpg 112KB

abt.jpg 48KB

2.jpg 37KB

vid-bg.jpg 104KB

6.jpg 37KB

banner.jpg 190KB

logo.png 6KB

1.jpg 67KB

social-icons.png 8KB

pic4.jpg 188KB

vid-img.jpg 150KB

pic2.jpg 146KB

blog3.jpg 128KB

search.png 515B

pic3.jpg 159KB

nav.png 138B

fet.jpg 108KB

5.jpg 35KB

pic1.jpg 161KB

blog2.jpg 111KB

vid-play.png 4KB

fet2.jpg 74KB

11.jpg 12KB

3.jpg 61KB

blog1.jpg 98KB

4.jpg 44KB

blog.html 7KB

games.html 10KB

<!DOCTYPE HTML> <html> <head> <title>Gaming Blog Bootstarp Website Template | Home :: w3layouts</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery-1.11.0.min.js"></script>  <link href="css/style.css" rel='stylesheet' type='text/css' />  <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'> <script type="text/javascript" src="js/jquery.mixitup.min.js"></script> <script type="text/javascript"> $(function () { var filterList = { init: function () { // MixItUp plugin // http://mixitup.io $('#portfoliolist').mixitup({ targetSelector: '.portfolio', filterSelector: '.filter', effects: ['fade'], easing: 'snap', // call the hover effect onMixEnd: filterList.hoverEffect() }); }, hoverEffect: function () { // Simple parallax effect $('#portfoliolist .portfolio').hover( function () { $(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad'); $(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad'); }, function () { $(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad'); $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad'); } ); } }; // Run the show! filterList.init(); }); </script> </head> <body>  <div class="header"> <div class="container"> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt=""></a> </div> <span class="menu"></span> <div class="navigation"> <ul class="navig cl-effect-3" > <li><a href="index.html">Home</a></li> <li><a href="games.html">Games</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="features.html">Features</a></li> <li><a href="contact.html">Contact</a></li> </ul> <div class="search-bar"> <input type="text" placeholder="Search" required="" /> <input type="submit" value="" /> </div> <div class="clearfix"></div> <script> $( "span.menu" ).click(function() { $( ".navigation" ).slideToggle( "slow", function() { // Animation complete. }); }); </script> </div> <div class="clearfix"></div> </div> </div> <div class="banner"></div>  <div class="banner-bot"> <div class="container"> <h2>Hello!</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore</p> <p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima</p> <nav class="cl-effect-3"><a href="#">More</a></nav> </div> </div>  <div class="gallery"> <div class="container"> <h3>Gallery</h3> <div class="gallery-top"> <ul id="filters" class="clearfix"> <li><span class="filter active" data-filter="app card icon logo web">1</span></li> <li><span class="filter" data-filter="app">2</span></li> <li><span class="filter" data-filter="card">3</span></li> <li><span class="filter" data-filter="icon">4</span></li> </ul> <div id="portfoliolist"> <div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="index.html" class="b-link-stripe b-animate-go thickbox"> <img src="images/pic1.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "> </h2> </div></a> </div> </div> <div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="index.html" class="b-link-stripe b-animate-go thickbox"> <img src="images/pic2.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "> </h2> </div></a> </div> </div> <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="index.html" class="b-link-stripe b-animate-go thickbox"> <img src="images/pic3.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "> </h2> </div></a> </div> </div> <div class="portfolio logos mix_all" data-cat="logo" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="index.html" class="b-link-stripe b-animate-go thickbox"> <img src="images/pic4.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "> </h2> </div></a> </div> </div> <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="index.html" class="b-link-stripe b-animate-go thickbox"> <img src="images/pic5.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "> </h2> </div></a> </div> </div> </div> </div> </div> </div>   <div class="video-serch"> <div class="container"> <div class="col-md-6 vid-col"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy </p> <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.</p> <div class="more"> <a href="#">See more videos</a> </div> </div> <div class="col-md-6 vid-coll"> <img src="images/vid-img.jpg" alt=""> <div class="play-but"> <a href="#small-dialog5" class="thickbox play-icon popup-with-zoom-anim"><img src="images/vid-play.png" alt="" /></a> </div>  <script type="text/javascript" src="js/modernizr.custom.53451.js"></script> <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/> <script src="js/jquery.magnific-popup.js" type="text/javascript"></script>  <div id="small-dialog5" class="mfp-hide"> <iframe src="//player.vimeo.com/video/38584262" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen> </iframe> </div> <script> $(document).ready(function() { $('.popup-with-zoom-anim').magnificPopup({ type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnI

评论收藏

内容反馈

版权申诉