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

共56个文件

jpg：38个

html：7个

png：4个

版权申诉

HTML源码

网站源码

源码

JavaScript

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

资源推荐

资源详情

资源评论

收起资源包目录

游戏音乐娱乐类网站源码-游戏中心响应式网页模板-支持移动端.zip （56个子文件）

游戏音乐娱乐类网站源码-游戏中心响应式网页模板-支持移动端

html

jquery.wmuSlider.js 12KB

grid.js 14KB

modernizr.custom.js 8KB

jquery.min.js 94KB

css

style.css 18KB

component.css 5KB

bootstrap.css 138KB

404.html 5KB

index.html 16KB

reviews.html 8KB

contact.html 6KB

single.html 10KB

images

co.png 2KB

re4.jpg 13KB

2.jpg 47KB

la3.jpg 10KB

sin2.jpg 41KB

sin1.jpg 56KB

re6.jpg 40KB

dark.png 33KB

ba2.jpg 111KB

la.jpg 9KB

13.jpg 74KB

re.jpg 48KB

menu.png 5KB

14.jpg 44KB

6.jpg 66KB

15.jpg 70KB

16.jpg 70KB

1.jpg 71KB

re1.jpg 34KB

la2.jpg 6KB

12.jpg 47KB

5.jpg 46KB

re7.jpg 16KB

re3.jpg 30KB

re2.jpg 42KB

img-sprite.png 5KB

8.jpg 89KB

re5.jpg 39KB

11.jpg 65KB

thumbs

2.jpg 26KB

6.jpg 33KB

1.jpg 39KB

5.jpg 23KB

8.jpg 36KB

3.jpg 25KB

7.jpg 45KB

4.jpg 42KB

3.jpg 54KB

7.jpg 99KB

sin.jpg 105KB

la1.jpg 10KB

4.jpg 111KB

blog.html 9KB

games.html 11KB

<!DOCTYPE html> <html> <head> <title>Games Center A Games Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery.min.js"></script>   <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Games Center Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Montserrat+Alternates:400,700' rel='stylesheet' type='text/css'> <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>  <script src="js/modernizr.custom.js"></script> <link rel="stylesheet" type="text/css" href="css/component.css" /> </head> <body>  <div class="header" > <div class="top-header" > <div class="container"> <div class="top-head" > <ul class="header-in"> <li ><a href="#" > Help</a></li> <li><a href="contact.html"> Contact Us</a></li> <li ><a href="#" > How To Use</a></li> </ul> <div class="search"> <form> <input type="text" value="search about something ?" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'search about something ?';}" > <input type="submit" value="" > </form> </div> <div class="clearfix"> </div> </div> </div> </div>  <div class="header-top"> <div class="container"> <div class="head-top"> <div class="logo"> <h1><a href="index.html"><span> G</span>ames <span>C</span>enter</a></h1> </div> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt=""> </span> <ul> <li class="active"><a class="color1" href="index.html" >Home</a></li> <li><a class="color2" href="games.html" >Games</a></li> <li><a class="color3" href="reviews.html" >Reviews</a></li> <li><a class="color4" href="404.html" >News</a></li> <li><a class="color5" href="blog.html" >Blog</a></li> <li><a class="color6" href="contact.html" >Contact</a></li> <div class="clearfix"> </div> </ul>  <script> $("span.menu").click(function(){ $(".top-nav ul").slideToggle(500, function(){ }); }); </script> </div> <div class="clearfix"> </div> </div> </div> </div> </div>  <div class="banner"> <div class="container"> <div class="wmuSlider example1"> <div class="wmuSliderWrapper"> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="banner-wrap"> <div class="banner-top"> <img src="images/12.jpg" class="img-responsive" alt=""> </div> <div class="banner-top banner-bottom"> <img src="images/11.jpg" class="img-responsive" alt=""> </div> <div class="clearfix"> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="banner-wrap"> <div class="banner-top"> <img src="images/14.jpg" class="img-responsive" alt=""> </div> <div class="banner-top banner-bottom"> <img src="images/13.jpg" class="img-responsive" alt=""> </div> <div class="clearfix"> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="banner-wrap"> <div class="banner-top"> <img src="images/16.jpg" class="img-responsive" alt=""> </div> <div class="banner-top banner-bottom"> <img src="images/15.jpg" class="img-responsive" alt=""> </div> <div class="clearfix"> </div> </div> </article> </div> <ul class="wmuSliderPagination"> <li><a href="#" class="">0</a></li> <li><a href="#" class="">1</a></li> <li><a href="#" class="wmuActive">2</a></li> </ul> </div>  <script src="js/jquery.wmuSlider.js"></script> <script> $('.example1').wmuSlider({ pagination : true, nav : false, }); </script> </div> </div>  <div class="content"> <div class="container"> <div class="content-top"> <h2 class="new">NEW GAMES</h2> <div class="wrap"> <div class="main"> <ul id="og-grid" class="og-grid"> <li> <a href="#" data-largesrc="images/1.jpg" data-title="Subway Surfers" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna."> <img class="img-responsive" src="images/thumbs/1.jpg" alt="img01"/> </a> </li> <li> <a href="#" data-largesrc="images/2.jpg" data-title="Angry Birds" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna."> <img class="img-responsive" src="images/thumbs/2.jpg" alt="img02"/> </a> </li> <li> <a href="#" data-largesrc="images/3.jpg" data-title="Bike Games" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna."> <img class="img-responsive" src="images/thumbs/3.jpg" alt="img03"/> </a> </li> <li> <a href="#" data-largesrc="images/4.jpg" data-title="Temple Run" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna."> <img class="img-responsive" src="images/thumbs/4.jpg" alt="img01"/> </a> </li> <li> <a href="#" data-largesrc="images/5.jpg" data-title="Car Games" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna."> <img class="img-r

评论收藏

内容反馈

版权申诉