流覽圖
html代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GI游戲官網</title>
<link rel="stylesheet" href="css/a.css" />
</head>
<body>
<div id="zheng">
<!-- logo -->
<div id="foot">
<div class="dao">
<div class="img fl"><img src="img/log-3.png"/></div>
<div class="dao2 fr">
<input type="text" placeholder="請輸入用戶名" class="put" />
<input type="password" placeholder="請輸入密碼" class="put2" />
<span class="wen"><a href="#">登錄</a></span>
<div class="clear"></div>
</div>
<div></div>
</div>
</div>
<!-- 導航欄 -->
<div class="nav">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">社區</a></li>
<li><a href="#">關于</a></li>
<li><a href="#">客服</a></li>
<li><a href="#">測驗</a></li>
<li><a href="#">商城</a></li>
<li><a href="#">周邊</a></li>
<li><a href="#">收藏</a></li>
<li><a href="#">會員</a></li>
<li><a href="#">開發</a></li>
<li><a href="#">開發</a></li>
</ul>
</div>
<!-- 側邊欄 -->
<div class="ce fl">
<span class="sp fl">熱門分類</span>
<span class="sp2 fl">按標簽</span><div class="clear"></div>
<ul>
<li>角色扮演</li>
<li>動作冒險</li>
<li>電子競技</li>
<li>國產</li>
<li>免費</li>
<li>功能游戲</li>
</ul>
<span class="sp3 fl">按特性</span><div class="clear"></div><!-- <div style="width: 100px; height: 50px; float: left;"></div> -->
<ul>
<li>支持端手互通</li>
<li>支持多人聯機</li>
<li>支持WG卡牌</li>
<li>支持云游戲</li>
<li>支持0充暢玩</li>
</ul>
<!-- <div class="clear"></div> -->
</div>
<!-- 輪播圖 -->
<div class="lun">
<img class="lun0" src="img/1戰地風云.png">
<a href="javascript:;"><img class="lun1 fr" src="img/導航欄2.png"/></a>
<a href="javascript:;"><img class="lun2" src="img/導航欄2.png"/></a>
<div class="txt">戰地風云</div><div class="clear"></div>
</div>
<div class="kong " ><span>新內容發布</span></div>
<!-- 最新發布視頻 -->
<div class="shiping">
<div class="shiping2 fl">
<video width="556px" height="349px"
src="img/b090076956250ed5ac4e5f547e3a0305.mp4"
controls="controls" autoplay="autoplay">
</video>
</div>
<!-- 視頻文字 -->
<div class="shiping3 fl">
<a href="#" >23日新內容發布</a>
<div class="tongxun">
<a href="#" class="aa">今日更新</a>
<div style="width: 16px; height: 10px; float: left;"></div>
<a href="#">推薦游戲</a>
<div style="width: 16px; height: 10px; float: left;"></div>
<a href="#">資料快訊</a>
</div><div class="clear"></div>
<div class="x xy fl"></div>
<div class="x fl"></div>
<div class="x fl"></div>
<!-- 字體 -->
<div class="xian">
<div class="gx">
<ul>
<li><a href="#">環塔今日開服</a></li>
<li><a href="#">超日巴基球最后一次免費測驗開始</a></li>
<li><a href="#">激戰2二年度冬幕節盛典開始</a></li>
<li><a href="#">四季春測驗版本先行發布</a></li>
<li><a href="#">仙俠世界2新資料片仙尊駕到</a></li>
<li><a href="#">星露谷物語1.5.4更新</a></li>
</ul>
</div>
<div class=" ">
<ul>
<li><a href="#">路在何方?國風單機游戲的發展論</a></li>
<li><a href="#">謀定而后定!回合制游戲也可快節奏!</a></li>
<li><a href="#">好游前瞻!帶你逛試玩節!</a></li>
<li><a href="#">樸素簡單美,極簡手繪風游戲推薦</a></li>
<li><a href="#">突破次元壁障,音游進化重生</a></li>
<li><a href="#">2021年精品國產游戲年度盤點</a></li>
</ul>
</div>
<div class=" ">
<ul>
<li><a href="#">環塔今日開服3</a></li>
<li><a href="#">超日巴基球最后一次免費測驗開始</a></li>
<li><a href="#">激戰二年度冬幕節盛典開始</a></li>
<li><a href="#">四季春測驗版本先行發布</a></li>
<li><a href="#">沙市鎮時光開發者日志</a></li>
<li><a href="#">星露谷物語1.5.4更新</a></li>
</ul>
</div>
</div>
<div class="put3"></div>
</div>
<div class="clear"></div>
</div>
<div class="kong2 ">
<span>游戲內測</span>
<div class="kong23 fr">更多榜單>></div>
<div class="kong21">
<div class="kong22"></div>
</div>
</div><div class="clear"></div>
<div class="neice">
<div class="neice1 fl">
<div class="img2"></div>
<p>崩壞3</p>
<p>次生銀翼登場</p>
<p>新游上線</p>
</div>
<div class="neice2 fl">
<div class="img3"></div>
<p>三國殺</p>
<p>三周年慶典</p>
<p>版本內測</p>
</div>
<div class="neice3 fl">
<div class="img4"></div>
<p>仙俠世界2</p>
<p>新資料片仙俠駕到</p>
<p>版本內測</p>
</div>
<div class="neice4 fl">
<div class="img5"></div>
<p>激戰2</p>
<p>年度冬幕節盛典開啟</p>
<p>版本內測</p>
</div><div class="clear"></div>
</div>
<div class="kong3">
<span>排行榜</span>
<div class="kong33 fr">更多排名>></div>
<div class="kong31">
<div class="kong32"></div><div class="clear"></div>
</div>
<div class="pai">
<ul>
<li>
<ul>
<div class="pai1">
<span> 火爆單品> </span>
</div>
<li class="pai3" >
<img alt="" align="left" src="img/100.png">
<img alt="" align="left" src="img/28.png">
<span >星際戰甲</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/101.png">
<img alt="" align="left" src="img/2021-12-21_164906.png">
<span>傳奇世界</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/102.png">
<img alt="" align="left" src="img/27.png">
<span>問道成仙</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/103.png">
<img alt="" align="left" src="img/23.png">
<span>夢三國2世界</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2">
<img alt="" align="left" src="img/104.png">
<img alt="" align="left" src="img/24.png">
<span>仙劍奇俠傳</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/105.png">
<img alt="" align="left" src="img/25.png">
<span>笑傲江湖</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/106.png">
<img alt="" align="left" src="img/26.png">
<span>激戰世界2</span>
<br />
<span>免費開玩</span>
</li>
</ul>
</li>
<li>
<ul>
<div class="pai1">
<span> 火爆單品> </span>
</div>
<li class="pai3" >
<img alt="" align="left" src="img/100.png">
<img alt="" align="left" src="img/28.png">
<span >星際戰甲</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/101.png">
<img alt="" align="left" src="img/2021-12-21_164906.png">
<span>傳奇世界</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/102.png">
<img alt="" align="left" src="img/27.png">
<span>問道成仙</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/103.png">
<img alt="" align="left" src="img/23.png">
<span>夢三國2世界</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2">
<img alt="" align="left" src="img/104.png">
<img alt="" align="left" src="img/24.png">
<span>仙劍奇俠傳</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/105.png">
<img alt="" align="left" src="img/25.png">
<span>笑傲江湖</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/106.png">
<img alt="" align="left" src="img/26.png">
<span>激戰世界2</span>
<br />
<span>免費開玩</span>
</li>
</ul>
</li>
<li>
<ul>
<div class="pai1">
<span> 火爆單品> </span>
</div>
<li class="pai3" >
<img alt="" align="left" src="img/100.png">
<img alt="" align="left" src="img/28.png">
<span >星際戰甲</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/101.png">
<img alt="" align="left" src="img/2021-12-21_164906.png">
<span>傳奇世界</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/102.png">
<img alt="" align="left" src="img/27.png">
<span>問道成仙</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/103.png">
<img alt="" align="left" src="img/23.png">
<span>夢三國2世界</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2">
<img alt="" align="left" src="img/104.png">
<img alt="" align="left" src="img/24.png">
<span>仙劍奇俠傳</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/105.png">
<img alt="" align="left" src="img/25.png">
<span>笑傲江湖</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/106.png">
<img alt="" align="left" src="img/26.png">
<span>激戰世界2</span>
<br />
<span>免費開玩</span>
</li>
</ul>
</li>
<li>
<ul>
<div class="pai1">
<span> 火爆單品> </span>
</div>
<li class="pai3" >
<img alt="" align="left" src="img/100.png">
<img alt="" align="left" src="img/28.png">
<span >星際戰甲</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/101.png">
<img alt="" align="left" src="img/2021-12-21_164906.png">
<span>傳奇世界</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/102.png">
<img alt="" align="left" src="img/27.png">
<span>問道成仙</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/103.png">
<img alt="" align="left" src="img/23.png">
<span>夢三國2世界</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2">
<img alt="" align="left" src="img/104.png">
<img alt="" align="left" src="img/24.png">
<span>仙劍奇俠傳</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/105.png">
<img alt="" align="left" src="img/25.png">
<span>笑傲江湖</span>
<br />
<span>免費開玩</span>
</li>
<li class="pai2" >
<img alt="" align="left" src="img/106.png">
<img alt="" align="left" src="img/26.png">
<span>激戰世界2</span>
<br />
<span>免費開玩</span>
</li>
</ul>
</li>
</ul>
</div>
<div class="clear"></div>
<div class="kong4">
<span>排行榜</span>
<div class="kong41 fr">更多排名>></div>
<div class="kong42">
<div class="kong43"></div><div class="clear"></div>
</div>
</div>
<div class="pin">
<img align="left" src="img/4.png"/>
<div class="pin2 ">
<br />
"玩csgo飾品就像吃飯 只有在飾品到達庫存那一瞬
間才有如同如同的快感 之后就是永久的索然無味
又如同如同一般口味會越來越重 玩到后面 小幾千的
已經是毫無感覺了 只剩下無盡的虛空".
"在充斥著各種快餐式娛樂的當下，人們很難再有
耐心去慢慢體驗這樣一款游戲了， 我也一樣，一
開始用拙劣的技術操作著手柄，不看攻略甚至連
楔丸都拿不到，拿到刀出門后，暗殺掉兩個小兵，
就被斗笠兵彈刀殺死，經歷數次死亡后來到第一
個精英怪，手忙腳亂的攻擊，甚...<br>
<img align="left" class="pin21" src="img/5.png"/>
銀<br />
<span>評測時已閱讀500小時</span><br />
<span>100人覺得評測有價值</span>
<img align="left" class="put4" src="img/6.png"/>
<img align="right" class="put5" src="img/6.png"/>
</div>
</div>
<div class="put6 fl"></div>
<div class="put7 fl"></div>
<div class="put8 fl"></div>
<div class="put9 fl"></div><div class="clear"></div>
<div class="footer">
<div class="fa">
<span class="fb">
首頁 | 社區 | 關于 | 客服 | 測驗 | 商場 | 周邊 | 收藏 | 會員
</span>
<hr />
著作權申明 隱式與安全申明 總瀏覽量：243200
<br />
著作權所有：@GI游戲2021 川ICP142546568號 技術支持：星辰大海
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-3.6.0.js"></script>
<script type="text/javascript" src="js/js1.js"></script>
<script type="text/javascript " src="js/jq1.js">
</script>
</body>
</html>有需要的可以找我要原始碼.還有PSD檔案的，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/395246.html
標籤：其他