整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          html5小游戲源代碼程序設計html源碼網頁電子版資料素材



          近期末, 你還在為HTML網頁設計結課作業,老師的作業要求感到頭大?HTML網頁作業無從下手?網頁要求的總數量太多?沒有合適的模板?等等一系列問題。你想要解決的問題,在專欄

          Html+Css+JavaScript期末大作業

          都能滿足你的需求。原始HTML+CSS+JS頁面設計, web大學生網頁設計作業源碼,這是一個不錯的網頁制作,畫面精明,非常適合初學者學習使用。

          網頁實現截圖:文末獲取源碼

          動漫官網主頁:

          游戲動漫頁面展示:

          招賢納士:

          聯系我們:

          關于公司:

          主要源碼展示:

          主要源碼展示:

          游戲動漫主頁.html

          <head>
          
              <title>游戲動漫官網-首頁</title>
              
          </head>
          
          <body>
             
                              <li class="active"><a href="index.html">首頁</a></li>
                              <li><a href="worksShow.html">作品展示</a></li>
                              <li><a href="recruit.html">招賢納士</a></li>
                              <li><a href="contract.html">聯系我們</a></li>
                              <li><a href="about.html">關于公司</a></li>
                              <li class="lang"><a class="active">中</a>|<a href="en_index.html">EN</a></li>
                          </ul>
                      </div>
                      <!-- /.navbar-collapse -->
                  </div>
                  <!-- /.container-fluid -->
              </nav>
              <!-- Swiper -->
              <div class="swiper-container">
                  <div class="swiper-wrapper">
                      <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
                      <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
                      <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
                      <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
                      <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
                  </div>
                  <!-- Add Pagination -->
                  <div class="swiper-pagination swiper-pagination-white"></div>
                  <!-- Add Arrows -->
                  <div class="swiper-button-next swiper-button-white"></div>
                  <div class="swiper-button-prev swiper-button-white"></div>
              </div>
              <!--多圖輪播-->
              <div class="lunbo">
                  <div class="title wow bounceInUp">我們參與的項目</div>
                  <div class="picScroll">
                      <ul>
                          <li>
                              <a target="_blank" href="###">
          								<img _src="img/lunbo1.png" src="img/lunbo1.png" />
          								<div class="img-text">大型海戰戰場“潛龍之淵”上線,全民開戰!</div>
          							</a>
                          </li>
                          <li>
                              <a target="_blank" href="###">
          								<img _src="img/lunbo2.png" src="img/lunbo2.png" />
          								<div class="img-text">天刀嘲天宮《一人之戰》視頻首發 同名專輯上架QQ音樂</div>
          							</a>
                          </li>
                          <li>
                              <a target="_blank" href="###"><img _src="img/lunbo3.png" src="img/lunbo3.png" />
          								<div class="img-text">懶人攻略 如何刷完一周勝負令</div>
          							</a>
                          </li>
                          <li>
                              <a target="_blank" href="###"><img _src="img/lunbo4.png" src="img/lunbo4.png" />
          								<div class="img-text">《王者榮耀》魔性H5上線,五軍對決等你來戰</div>
          							</a>
                          </li>
                          <li>
                              <a target="_blank" href="###"><img _src="img/lunbo5.png" src="img/lunbo5.png" />
          								<div class="img-text">超高期待!玩家Coser作品獲《絕地求生 全軍出擊》官方點贊</div>
          							</a>
                          </li>
                          <li>
                              <a target="_blank" href="###"><img _src="img/lunbo6.png" src="img/lunbo6.png" />
          								<div class="img-text">揭幕戰RNGvsIG LPL春季賽1月15日正式開賽</div>
          							</a>
                          </li>
                      </ul>
                      <a class="prev" href="javascript:void(0)"></a>
                      <a class="next" href="javascript:void(0)"></a>
                  </div>
                  <a href="###">
                      <div class="more">更多作品</div>
                  </a>
              </div>
              <!--關于我們-->
              <div class="aboutUs">
                  <div class="wrap">
                      <div class="title wow bounceInUp">關于我們</div>
                      <div class="text wow slideInDown">
                          <span class="ccf0f32">廣州袁動動漫設計有限公司(YD ART),致力于CG美術概念設計及三維影視游戲視覺開發制作</span>
                          <span>其團隊現由創辦人袁杰聯合著名CG藝術家肖壯悅以及XRCGTEAM(<a href="http://www.xrcgteam.com">http://www.xrcgteam.com</a>)成員和各游戲、影視、動漫業內資深藝術家所組成,</span>
                          <span>為國內外眾多項目提供優質概念設計、原畫設定、美宣插畫、次世代3D、GUI、動作特效等外包服務。</span>
                          <span>曾參與《星際爭霸》《上古卷軸》《英雄聯盟》《戰神》《三國無雙》《夢幻西游》《LOC》《鬼吹燈》《長城》等國內外大型游戲影視項目視覺美術開發制作</span>
                      </div>
                      <
                          <ul>
                              <li>
                                  <a href="###">角色原畫設計</a>
                                  <a href="###">場景原畫設計</a>
                                  <a href="###">UI設計</a>
                              </li>
                              <li>
                                  <a href="###">肖像繪制</a>
                                  <a href="###">道具繪制</a>
                                  <a href="###">圖標繪制</a>
                              </li>
                              <li>
                                  <a href="###">美宣</a>
                                  <a href="###">卡牌繪制</a>
                                  <a href="###">2D場景整合</a>
                              </li>
                              <li>
                                  <a href="###">3DMAX角色模型</a>
                                  <a href="###">3DMAX場景模型</a>
                                  <a href="###">次世代模型、貼圖</a>
                              </li>
                              <li>
                                  <a href="###">3DMAX動畫</a>
                                  <a href="###">3DMAX特效</a>
                                  <a href="###">3轉2繪制</a>
                              </li>
                          </ul>
                      </div>
                  </div>
              </div>
              <!--footer-->
              
          
              <style>
                  .copyrights {
                      text-indent: -9999px;
                      height: 0;
                      line-height: 0;
                      font-size: 0;
                      overflow: hidden;
                  }
              </style>
             

          主頁css

          .navbar-default .navbar-nav>.active>a,
          .navbar-default .navbar-nav>.active>a:focus,
          .navbar-default .navbar-nav>.active>a:hover {
              color: #cf0f32;
              background: none;
          }
          
          .navbar-default .navbar-nav>li>a:hover {
              color: #cf0f32;
          }
          
          .navbar-nav>li>a {
              line-height: 80px;
          }
          
          .navbar-default .navbar-nav>li>a {
              color: #000;
          }
          
          .nav>li>a {
              padding: 10px 12px;
              display: inline-block;
          }
          
          .navbar-default .navbar-nav>li.lang {
              margin-left: 20px;
          }
          xxxxxxxxxxbr .navbar-default .navbar-nav>.active>a,br.navbar-default .navbar-nav>.active>a:focus,br.navbar-default .navbar-nav>.active>a:hover {br    color: #cf0f32;br    background: none;br}brbr.navbar-default .navbar-nav>li>a:hover {br    color: #cf0f32;br}brbr.navbar-nav>li>a {br    line-height: 80px;br}brbr.navbar-default .navbar-nav>li>a {br    color: #000;br}brbr.nav>li>a {br    padding: 10px 12px;br    display: inline-block;br}brbr.navbar-default .navbar-nav>li.lang {br    margin-left: 20px;br}

          javascript實現圖片輪播:

          //多圖輪播
              jQuery(".picScroll").slide({
                  mainCell: "ul",
                  effect: "leftLoop",
                  vis: 6,
                  scroll: 1,
                  autoPage: true,
                  switchLoad: "_src",
                  autoPlay: true
              });
          
              //banner輪播
              var swiper = new Swiper('.swiper-container', {
                  spaceBetween: 30,
                  //	      effect: 'fade',
                  loop: true,
                  pagination: {
                      el: '.swiper-pagination',
                      clickable: true,
                  },
                  navigation: {
                      nextEl: '.swiper-button-next',
                      prevEl: '.swiper-button-prev',
                  },
              });
          
          xxxxxxxxxxbr //多圖輪播br    jQuery(".picScroll").slide({br        mainCell: "ul",br        effect: "leftLoop",br        vis: 6,br        scroll: 1,br        autoPage: true,br        switchLoad: "_src",br        autoPlay: truebr    });brbr    //banner輪播br    var swiper = new Swiper('.swiper-container', {br        spaceBetween: 30,br        //        effect: 'fade',br        loop: true,br        pagination: {br            el: '.swiper-pagination',br            clickable: true,br        },br        navigation: {br            nextEl: '.swiper-button-next',br            prevEl: '.swiper-button-prev',br        },br    });br

          etnews是一個響應式的HTML新聞,博客,雜志網站模板,可以使用這套前端模板簡約很多設計的工作。模板有許多特性適合流行的主題商業、時尚,游戲,娛樂,生活方式、體育、科技、政治、旅行、天氣、視頻等部分。基于先進的前端技術,專為前端開發人員服務。


          主要特色

          • 基于Bootstrap4. x
          • 100%的響應
          • 漂亮和干凈的設計
          • 清潔和注釋代碼
          • 14 +所有頁面
          • 4 +主頁
          • Sass包括
          • Webpack 4
          • 容易定制
          • 標準HTML5和CSS3

          多用游戲娛樂新聞網站bootstrap模板(共374個文件)

          幫助文檔

          開發環境(NodeJs)

          生產環境




          源碼獲取,前端學習交流私信“123”


          主站蜘蛛池模板: 天堂一区二区三区在线观看| 亚洲一区综合在线播放| 国产在线精品一区二区不卡| 国产亚洲无线码一区二区| 国内偷窥一区二区三区视频| 亚洲电影一区二区三区| 在线成人综合色一区| 亚洲无线码在线一区观看| 高清一区二区在线观看| 精品成人乱色一区二区| 一区二区在线播放视频| 波多野结衣一区二区三区88| 精品国产免费一区二区三区香蕉 | 国产一区二区精品久久岳| 欧美一区内射最近更新| 爆乳熟妇一区二区三区| 国产精品一区二区三区久久| 日韩一区二区在线观看视频| 亚洲毛片不卡av在线播放一区| av一区二区三区人妻少妇| 日日摸夜夜添一区| 亚无码乱人伦一区二区| 亚洲精品伦理熟女国产一区二区| 熟女精品视频一区二区三区| 国产一区二区三区不卡观| 一区二区三区高清| 国产丝袜一区二区三区在线观看| 精品一区二区三区中文| 精品久久久久中文字幕一区 | 亚洲日韩AV无码一区二区三区人 | 精品3d动漫视频一区在线观看| 国产一区二区在线视频播放| 无码少妇一区二区浪潮av| 亚洲AV无码一区二区乱孑伦AS| 一本久久精品一区二区| 最美女人体内射精一区二区| 无码人妻av一区二区三区蜜臀 | 日本一区二区三区精品中文字幕| 亚洲AV成人精品日韩一区| 国产精品免费一区二区三区四区| 日韩av无码一区二区三区|