時(shí)間：2023-04-24 08:36:02 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-04-24 08:36:02 來源：網(wǎng)站運(yùn)營
寒假別頹廢，一起寫個(gè)b站練練手吧（HTML+CSS+JS）：
在線咨詢
<!---------- 頂部頁面 ----------> <div id="header"> <!-- 最頂部 --> <div class="header-top"> <div class="auto-width"> <h1 class="logo fl"><a href="#"><img src="images/logo.png" alt="#"></a></h1> <div class="search-box fl"> <form action="#"> <input type="text" class="fl search-text" placeholder="Search here..."> <button class="fl search-btn"> <i class="iconfont icon-search"></i> </button> </form> <div class="search-feedback"> <span class="search-hot">今日熱搜</span> <div class="search-menu"> <a href="#" class="item item-cur"> <span>1</span> <em>OverWatch</em> </a> <a href="#" class="item item-cur"> <span>2</span> <em>電影知道答案</em> </a> <a href="#" class="item item-cur"> <span>3</span> <em>S6</em> </a> <a href="#" class="item"> <span>4</span> <em>夏目友人帳</em> </a> <a href="#" class="item"> <span>5</span> <em>微小而確實(shí)的幸福</em> </a> <a href="#" class="item"> <span>6</span> <em>神盾局特工</em> </a> <a href="#" class="item"> <span>7</span> <em>天涼好個(gè)秋</em> </a> </div> </div> </div> <ul class="header-guide fr"> <li class="guide-item download"> <a href="#"> <i class="iconfont icon-app"></i> <span>下載客戶端</span> </a> <div class="guide-hover"> <img src="images/app-download.png" alt="#"> </div> </li> <li class="guide-item login"> <a href="#">登錄/注冊</a> </li> <li class="guide-item history"> <a href="#"> <i class="iconfont icon-history"></i> </a> <div class="guide-hover"> <span class="text">尚未記錄任何歷史信息。</span> <a href="#" class="more">More</a> </div> </li> <li class="guide-item upload"> <a href="#"> <i class="iconfont icon-upload"></i> </a> <div class="guide-hover"> <ul> <li><a href="#">投視頻</a></li> <li><a href="#">投文章</a></li> </ul> </div> </li> <li class="guide-item collect"> <a href="#"> <i class="iconfont icon-collect"></i> </a> </li> </ul> </div> </div> <!-- 焦點(diǎn)圖 --> <div class="header-banner"> <a href="#" class="bg"></a> <span class="text">這輛車……到底能不能上啊?。?！</span> <a href="#" class="link"></a> </div> <!-- 導(dǎo)航 --> <div class="header-nav"> <div class="nav-wrap auto-width clearfix"> <a href="#" class="nav-item nav-cur">首頁</a> <a href="#" class="nav-item">番劇</a> <a href="#" class="nav-item nav-item_hover">動(dòng)畫</a> <a href="#" class="nav-item nav-item_hover">音樂</a> <a href="#" class="nav-item nav-item_hover">舞蹈</a> <a href="#" class="nav-item nav-item_hover">游戲</a> <a href="#" class="nav-item nav-item_hover">娛樂</a> <a href="#" class="nav-item nav-item_hover">科技</a> <a href="#" class="nav-item nav-item_hover">影視</a> <a href="#" class="nav-item nav-item_hover">體育</a> <a href="#" class="nav-item nav-item_hover">彼女</a> <a href="#" class="nav-item nav-item_hover">魚塘</a> <a href="#" class="nav-item nav-item_hover">文章</a> <a href="#" class="nav-item nav-item_hover">合輯</a> <a href="#" class="nav-rank"> <i class="iconfont icon-rank"></i> 全站排行榜 </a> </div> <div class="subNav"> <ul class="auto-width"> <li class="subNav-item"> <a href="#">動(dòng)畫短片</a> <a href="#">動(dòng)畫資訊</a> <a href="#">舊番補(bǔ)檔</a> <a href="#">新番連載</a> <a href="#">MAD·AMV</a> <a href="#">MMD·3D</a> <a href="#">2.5次元</a> <a href="#">國產(chǎn)動(dòng)畫</a> </li> <li class="subNav-item"> <a href="#">原創(chuàng)·翻唱</a> <a href="#">演奏</a> <a href="#">Vocaloid</a> <a href="#">日系音樂</a> <a href="#">綜合音樂</a> <a href="#">演唱會</a> </li> <li class="subNav-item"> <a href="#">宅舞</a> <a href="#">綜合舞蹈</a> </li> <li class="subNav-item"> <a href="#">主機(jī)單機(jī)</a> <a href="#">游戲集錦</a> <a href="#">電子競技</a> <a href="#">LOL</a> <a href="#">守望先鋒</a> <a href="#">桌游卡牌</a> <a href="#">Mugen</a> </li> <li class="subNav-item"> <a href="#">生活?yuàn)蕵?lt;/a> <a href="#">鬼畜調(diào)教</a> <a href="#">萌寵</a> <a href="#">美食</a> <a href="#">綜藝</a> </li> <li class="subNav-item"> <a href="#">SF</a> <a href="#">黑科技</a> <a href="#">數(shù)碼</a> <a href="#">廣告</a> <a href="#">白科技</a> <a href="#">自我發(fā)電</a> <a href="#">科學(xué)技術(shù)</a> <a href="#">汽車</a> </li> <li class="subNav-item"> <a href="#">電影</a> <a href="#">日劇</a> <a href="#">美劇</a> <a href="#">國產(chǎn)劇</a> <a href="#">網(wǎng)絡(luò)劇</a> <a href="#">韓劇</a> <a href="#">布袋·特?cái)z</a> <a href="#">紀(jì)錄片</a> <a href="#">其他</a> </li> <li class="subNav-item"> <a href="#">綜合體育</a> <a href="#">足球</a> <a href="#">籃球</a> <a href="#">搏擊</a> <a href="#">11區(qū)體育</a> <a href="#">驚奇體育</a> </li> <li class="subNav-item"> <a href="#">造型</a> <a href="#">西皮</a> <a href="#">愛豆</a> <a href="#">其他</a> </li> <li class="subNav-item"> <a href="#">軍事</a> <a href="#">歷史</a> <a href="#">焦點(diǎn)</a> </li> <li class="subNav-item"> <a href="#">文章綜合</a> <a href="#">工作·情感</a> <a href="#">漫畫·輕小說</a> <a href="#">游戲</a> </li> <li class="subNav-item"> <a href="#">AcFun專題</a> </li> </ul> </div> </div> </div>關(guān)鍵詞：寒假
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
