国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > HTML5期末大作業(yè)：商城網(wǎng)站設(shè)計(jì)——仿團(tuán)購商城(1頁) 簡(jiǎn)單個(gè)人網(wǎng)頁設(shè)計(jì)作業(yè) 靜

HTML5期末大作業(yè)：商城網(wǎng)站設(shè)計(jì)——仿團(tuán)購商城(1頁) 簡(jiǎn)單個(gè)人網(wǎng)頁設(shè)計(jì)作業(yè) 靜

時(shí)間：2023-09-07 01:48:02 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-07 01:48:02 來源：網(wǎng)站運(yùn)營(yíng)

HTML5期末大作業(yè)：商城網(wǎng)站設(shè)計(jì)——仿團(tuán)購商城(1頁) 簡(jiǎn)單個(gè)人網(wǎng)頁設(shè)計(jì)作業(yè) 靜態(tài)HTML旅行主題網(wǎng)頁作業(yè) DW個(gè)人網(wǎng)站模板下載 大學(xué)生簡(jiǎn)單個(gè)人網(wǎng)頁作品代碼 個(gè)人網(wǎng)頁制作：

HTML5期末大作業(yè)：商城網(wǎng)站設(shè)計(jì)——仿團(tuán)購商城(1頁) 簡(jiǎn)單個(gè)人網(wǎng)頁設(shè)計(jì)作業(yè) 靜態(tài)HTML旅行主題網(wǎng)頁作業(yè) DW個(gè)人網(wǎng)站模板下載 大學(xué)生簡(jiǎn)單個(gè)人網(wǎng)頁作品代碼 個(gè)人網(wǎng)頁制作 學(xué)生個(gè)人網(wǎng)頁Dreamweaver設(shè)計(jì)作業(yè)

常見網(wǎng)頁設(shè)計(jì)作業(yè)題材有 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 等網(wǎng)頁設(shè)計(jì)題目, A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載!
作者主頁-更多源碼

HTML期末大作業(yè)文章專欄

作品介紹

1.網(wǎng)頁作品簡(jiǎn)介 ：HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè) A+水平 ,喜歡的可以下載，文章頁支持手機(jī)PC響應(yīng)式布局。

2.網(wǎng)頁作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁）。

3.網(wǎng)頁作品技術(shù)：Div+CSS、鼠標(biāo)滑過特效、Table、導(dǎo)航欄效果、banner、表單、二級(jí)三級(jí)頁面等，視頻、 音頻元素 、Flash，同時(shí)設(shè)計(jì)了logo（源文件），基本期末作業(yè)所需的知識(shí)點(diǎn)全覆蓋。

@TOC

一、作品展示







二、文件目錄







三、代碼實(shí)現(xiàn)

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>仿團(tuán)購首頁html+css</title> <link rel="stylesheet" type="text/css" href="css/common.css"> <link rel="stylesheet" type="text/css" href="css/index.css"> <link href="favicon.ico" type="image/x-icon" rel="icon"></head><body> <div class="m_side_btns" id="m_side_btns"> <a class="side_btn toTopBtn" href="javascript:;" id="returnToTop" style="display:none;">回 到頂 部</a> <a class="side_btn surveyBtn" href="javascript:;">問 卷調(diào) 查</a> <a class="side_btn helpBtn" href="javascript:;">幫 助中 心</a> <a class="side_btn fbBtn" href="javascript:;">意 見反 饋</a> </div> <!--頂部--> <div class="g_header"> <div class="topbg"> <div class="wrap1200 clearFix"> <ul class="hd_l fl"> <li> <a class="collection" href="javascript:;">收藏團(tuán)購</a> <a class="login" href="login.html">登錄</a> <a class="register" href="register.html">注冊(cè)</a> <div class="app_box fl"> <a class="app" href="javascript:;">手機(jī)團(tuán)購 <span class="phone"></span> <span class="arrow"></span> </a> <div class="app_pos"> <a class="app_pos_one" href="javascript:;"> <p>免費(fèi)下載團(tuán)購手機(jī)版</p> <img src="images/app_down.png" alt=""> <span class="app_pos_r"></span> </a> <a href="javascript:;"> <p>免費(fèi)下載團(tuán)購手機(jī)版</p> <img src="images/app_down.png" alt=""> <span class="app_pos_r"></span> </a> </div> </div> </li> </ul> <a class="order fl" href="javascript:;">我的訂單</a> <ul class="hd_r fr clearFix"> <li class="fl hd_r_list"> <div class="text_limit"> <a class="text" href="javascript:;">我的團(tuán)購 <span class="line_r"></span> <span class="arrow_r"></span> </a> </div> <ul class="admin_pos"> <li> <a href="javascript:;">我的訂單</a> <a href="javascript:;">我的評(píng)價(jià)</a> <a href="javascript:;">我的收藏</a> <a href="javascript:;">我的積分</a> <a href="javascript:;">抵用劵</a> <a href="javascript:;">團(tuán)購余額</a> <a href="javascript:;">賬戶充值</a> <a href="javascript:;">賬戶設(shè)置</a> </li> </ul> </li> <li class="fl hd_r_list"> <div class="text_limit"> <a class="text" href="javascript:;">最近瀏覽 <span class="line_r"></span> <span class="arrow_r"></span> </a> </div> <div class="browse_pos"> <div class="browse_pos_t"> <a href="javascript:;"> <img src="images/l_hoom.png" alt=""> </a> <a class="tit" href="javascript:;">潤(rùn)光格林酒店大床入住1晚</a> <a class="money" href="javascript:;">￥138<b>219</b></a> </div> <a class="clear" href="javascript:;">清楚最近瀏覽記錄</a> </div> </li> <li class="fl hd_r_list"> <div class="text_limit"> <a class="text cart" href="javascript:;">購物車<span> 0 </span>件 <span class="line_r"></span> <span class="arrow_r"></span> <span class="cart_r"></span> </a> </div> <div class="cart_pos"> <p>暫時(shí)沒有商品</p> </div> </li> <li class="fl hd_r_list"> <div class="text_limit"> <a class="text" href="javascript:;">聯(lián)系客服 <span class="line_r"></span> <span class="arrow_r"></span> </a> </div> <ul class="admin_pos wid92"> <li> <a href="javascript:;">申請(qǐng)退款</a> <a href="javascript:;">申請(qǐng)退換貨</a> <a href="javascript:;">查看團(tuán)購劵</a> <a href="javascript:;">換綁手機(jī)號(hào)</a> <a href="javascript:;">常見問題</a> </li> </ul> </li> <li class="fl hd_r_list"> <div class="text_limit"> <a class="text" href="javascript:;">我是商家 <span class="line_r"></span> <span class="arrow_r"></span> </a> </div> <ul class="admin_pos wid97"> <li> <a href="javascript:;">登錄商家中心</a> <a href="javascript:;">我想合作</a> <a href="javascript:;">商家營(yíng)銷平臺(tái)</a> </li> </ul> </li> <li class="fl hd_r_list"> <div class="text_limit"> <a class="text" href="javascript:;">更多 <span class="arrow_r"></span> </a> </div> <ul class="admin_pos wid92"> <li> <a href="javascript:;">手機(jī)版</a> <a href="javascript:;">郵件訂閱</a> <a href="javascript:;">邀請(qǐng)好友</a> </li> </ul> </li> </ul> </div> </div> <div class="hd_line"></div> <div class="hd_ad wrap1200"> <a href="javascript:;" alt=""> <img class="show" src="images/hd_ad2.jpg" alt=""> </a> <a href="javascript:;" alt=""> <img src="images/hd_ad1.jpg" alt=""> </a> <a href="javascript:;" alt=""> <img src="images/hd_ad3.jpg" alt=""> </a> <a class="ad_clear" href="javascript:;"></a> <div class="switch clearFix"> <a class="active" href="javascript:;"></a> <a href="javascript:;"></a> <a href="javascript:;"></a> </div> </div> <div class="wrap1200 hd_cont clearFix"> <div class="hd_cont_l fl clearFix"> <a class="fl" href="javascript:;"> <h1>團(tuán)購</h1> </a> <a class="fl city" href="javascript:;">杭州<span>切換城市</span></a> </div> <div class="hd_cont_c fl clearFix"> <input class="text fl" type="text" placeholder="請(qǐng)輸入商品名稱、地址等"> <input class="submit fl" type="submit" value="搜索"> <div class="tuan_pos"> <a class="c_tuan" href="javascript:;">團(tuán)購</a> <a class="c_Business" href="javascript:;">商家</a> </div> <ul class="clearFix"> <li><a href="javascript:;">電影</a></li> <li><a href="javascript:;">自助餐</a></li> <li><a href="javascript:;">KTV</a></li> <li><a href="javascript:;">生日蛋糕</a></li> <li><a href="javascript:;">烤肉</a></li> <li><a href="javascript:;">烤魚</a></li> <li><a href="javascript:;">按摩</a></li> <li><a href="javascript:;">漢麗軒</a></li> <li><a href="javascript:;">電影票</a></li> <li><a href="javascript:;">蛋糕</a></li> </ul> </div> <div class="hd_cont_r fr"> <a href="javascript:;"></a> </div> <div class="hd_cont_b fl clearFix"> <dl class="hd_cont_b_l fl clearFix"> <dt> <a href="javascript:;">全部分類</a> </dt> <dd> <a href="index.html">首頁</a> </dd> <dd> <a href="list.html">身邊團(tuán)購</a> </dd> <dd> <a href="list.html">身邊外賣</a> </dd> <dd> <a href="list.html">今日新單</a> </dd> <dd> <a href="list.html">購物</a> </dd> <dd> <a href="list.html">商家點(diǎn)評(píng)</a> </dd> <dd> <a href="list.html">大牌街</a> </dd> <dd> <a class="buy" href="list.html">名店搶購</a> </dd> </dl> <ul class="hd_cont_b_r fl clearFix"> <a class="fl" href="javascript:;">下載團(tuán)購手機(jī)版</a> </ul> </div> </div> </div> <!--頂部結(jié)束--> <div class="wrap1200"> <div class="g_nav fl clearFix"> <div class="snav fl"> <div class="snav_item "> <dl class="unusual"> <dt class="sort"> <a href="javascript:;"> 美食 </a> </dt> <dd> <a href="javascript:;"> 自助餐 </a> <a href="javascript:;"> 火鍋 </a> <a href="javascript:;"> 烤肉 </a> </dd> </dl> <span class="more_pos"></span> </div> <div class="snav_item"> <dl> <dt class="sort"> <a href="javascript:;"> 酒店 </a> </dt> <dd> <a href="javascript:;"> 經(jīng)濟(jì)型酒店 </a> <a href="javascript:;"> 主題酒店 </a> <a href="javascript:;"> 豪華酒店 </a> </dd> </dl> <span class="more_pos"></span> </div> <div class="snav_item "> <dl class="snav_special"> <dt class="sort"> <a href="javascript:;"> 電影/在線選座 </a> </dt> </dl> <span class="more_pos"></span> </div> <div class="snav_item"> <dl> <dt class="sort"> <a href="javascript:;"> 休閑娛樂 </a> </dt> <dd> <a href="javascript:;"> KTV </a> <a href="javascript:;"> 足療按摩 </a> <a href="javascript:;"> 水上世界 </a> </dd> </dl> <span class="more_pos"></span> </div> <div class="snav_item"> <dl> <dt class="sort"> <a href="javascript:;"> 旅游 </a> </dt> <dd> <a href="javascript:;"> 景點(diǎn)門票 </a> <a href="javascript:;"> 本地/周邊游 </a> <a href="javascript:;"> 國(guó)內(nèi)游 </a> </dd> </dl> <span class="more_pos"></span> <div class="m_pos"> 熱門漂流 </div> </div> <div class="snav_item"> <dl> <dt class="sort"> <a href="javascript:;"> 生活服務(wù) </a> </dt> <dd> <a href="javascript:;"> 婚紗攝影 </a> <a href="javascript:;"> 個(gè)性寫真 </a> <a href="javascript:;"> 兒童攝影 </a> </dd> </dl> <span class="more_pos"></span> <div class="m_pos life_pos"> 品質(zhì)婚紗照 </div> </div> <div class="snav_item"> <dl> <dt class="sort"> <a href="javascript:;"> 購物 </a> </dt> <dd> <a href="javascript:;"> 電器/數(shù)碼 </a> <a href="javascript:;"> 女裝 </a> <a href="javascript:;"> 男裝 </a> </dd> </dl> <span class="more_pos"></span> </div> <div class="snav_item"> <dl> <dt class="sort"> <a href="javascript:;"> 麗人 </a> </dt> <dd> <a href="javascript:;"> 美發(fā) </a> <a href="javascript:;"> 美容美體 </a> <a href="javascript:;"> 美甲 </a> </dd> </dl> <span class="more_pos"></span> <div class="m_pos"> 七夕送好禮 </div> </div> <div class="snav_item "> <dl class="snav_particular"> <dt class="sort"> <a href="javascript:;"> 抽獎(jiǎng) </a> </dt> </dl> </div> <div class="snav_pos"> <h3> <a href="javascript:;">美食</a> </h3> <ul> <li class="food"> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> <a href="javascript:;"> 代金券 </a> </li> </ul> </div> <div class="snav_pos"> <h3> <a href="javascript:;">酒店</a> </h3> <ul> <li class="food"> <a href="javascript:;"> 經(jīng)濟(jì)型酒店 </a> <a href="javascript:;"> 豪華酒店 </a> <a href="javascript:;"> 公寓式酒店 </a> <a href="javascript:;"> 主題酒店 </a> <a href="javascript:;"> 度假酒店 </a> <a href="javascript:;"> 溫泉酒店 </a> <a href="javascript:;"> 客棧 </a> <a href="javascript:;"> 青年旅舍 </a> </li> </ul> </div> <div class="snav_pos"> <h3> <a href="javascript:;">當(dāng)前熱映</a> </h3> <ul> <li class="food"> <a href="javascript:;"> 捉妖記 </a> <a href="javascript:;"> 煎餅俠 </a> <a href="javascript:;"> 西游記之大圣歸來 </a> <a href="javascript:;"> 命中注定 </a> <a href="javascript:;"> 小羊肖恩 </a> <a href="javascript:;"> 通靈之六世古宅 </a> <a href="javascript:;"> 謎城 </a> <a href="javascript:;"> 模仿游戲 </a> </li> </ul> </div> <div class="snav_pos"> <h3> <a href="javascript:;">休閑娛樂</a> </h3> <ul> <li class="food"> <a href="javascript:;"> 足療按摩 </a> <a href="javascript:;"> 溫泉 </a> <a href="javascript:;"> 洗浴/汗蒸 </a> <a href="javascript:;"> 運(yùn)動(dòng)健身 </a> <a href="javascript:;"> 咖啡/酒吧 </a> <a href="javascript:;"> 桌游/電玩 </a> <a href="javascript:;"> 景點(diǎn)郊游 </a> <a href="javascript:;"> 主題公園/游樂園 </a> </li> </ul> </div> <div class="snav_pos"> <h3> <a href="javascript:;">旅游</a> </h3> <ul> <li class="food"> <a href="javascript:;"> 景點(diǎn)門票 </a> <a href="javascript:;"> 跟團(tuán)游 </a> <a href="javascript:;"> 自由行 </a> <a href="javascript:;"> 簽證 </a> <a href="javascript:;"> 國(guó)內(nèi)游 </a> <a href="javascript:;"> 桌游/電玩 </a> <a href="javascript:;"> 境外游 </a> </li> </ul> </div> <div class="snav_pos"> <h3> <a href="javascript:;">生活服務(wù)</a> </h3> <ul> <li class="food"> <a href="javascript:;"> 婚紗攝影 </a> <a href="javascript:;"> 個(gè)性寫真 </a> <a href="javascript:;"> 兒童攝影 </a> <a href="javascript:;"> 其他攝影 </a> <a href="javascript:;"> 照片沖印 </a> <a href="javascript:;"> 汽車服務(wù) </a> <a href="javascript:;"> 體檢保健 </a> </li> </ul> </div> <div class="snav_pos"> <h3> <a href="javascript:;">購物</a> </h3> <ul> <li class="food"> <a href="javascript:;"> 女裝 </a> <a href="javascript:;"> 男裝 </a> <a href="javascript:;"> 內(nèi)衣 </a> <a href="javascript:;"> 女士鞋包 </a> <a href="javascript:;"> 男士鞋包 </a> <a href="javascript:;"> 運(yùn)動(dòng)戶外 </a> <a href="javascript:;"> 配飾手表 </a> </li> </ul> </div> <div class="snav_pos"> <h3> <a href="javascript:;">美發(fā)</a> </h3> <ul> <li class="food"> <a href="javascript:;"> 美容美體 </a> <a href="javascript:;"> 美甲 </a> <a href="javascript:;"> 瑜伽/舞蹈 </a> <a href="javascript:;">個(gè)性寫真</a> </li> </ul> </div> <div class="snav_pos"></div> </div> <div class="main fl"> <div class="main_tp"> <div class="main_tp_con"> <h3 class="hot fl"> <i class="hot_icon"></i> <span class="">熱門團(tuán)購</span> </h3> <div class="hot_all clearFix"> <ul class=" fl "> <li class="hot_all_item fl"> <a class="col_f76120" href="javascript:;">代金券</a> </li> <li class="hot_all_item fl"> <a class="col_f76120" href="javascript:;">電影</a> </li> <li class="hot_all_item fl"> <a class="col_f76120" href="javascript:;">經(jīng)濟(jì)型酒店</a> </li> <li class="hot_all_item fl"> <a href="javascript:;">KTV</a> </li> <li class="hot_all_item fl"> <a class="col_f76120" href="javascript:;">火鍋</a> </li> <li class="hot_all_item fl"> <a href="javascript:;">烤肉</a> </li> <li class="hot_all_item fl"> <a href="javascript:;">足底按摩</a> </li> <li class="hot_all_item fl"> <a href="javascript:;">游泳/上水樂園</a> </li> <li class="hot_all_item fl"> <a } } })(), false); for (i = 0; i < floors.length; i++) { floors[i].index = i; floors[i].onclick = function() { $(scrollElement).stop().animate({ scrollTop: floorToTops[this.index] }); } } /* slides */ function tabSwitch(tabsId, tabTag, baseClass, activeClass) { var tabs = document.getElementById(tabsId).getElementsByTagName(tabTag); return function(prev, crt) { tabs[prev.value].className = baseClass; tabs[crt].className += ' ' + activeClass; } } function updatePage() { return function(prev, crt, btns) { var spans = btns[1].getElementsByTagName('span'); spans[0].innerHTML = crt + 1; } } function slideByTab(tabsId, tabTag, baseClass, activeClass) { var tabs = document.getElementById(tabsId).getElementsByTagName(tabTag); return function(slides, crtIdx, slide, duration) { for (var i = 0; i < tabs.length; i++) { tabs[i].index = i; tabs[i].onclick = function() { var crt = crtIdx.value, index = this.index; if (crt !== index) { tabs[crt].className = baseClass; this.className += ' ' + activeClass; if (crt > index) { slide('100%', '-100%', index, duration); } else { slide('-100%', '100%', index, duration); } crtIdx.value = index; } } } } } initSlide('nav_slide', 'ul', 'slide_btn', 300, 2500, slideByTab('nav_btns', 'span', 'tb', 'active'), tabSwitch('nav_btns', 'span', 'tb', 'active'), updatePage()); initSlide('shop_slide', 'ul', 'slide_btn', 300, 4000, null, updatePage()); initSlide('raffle_slide', 'li', 'slide_btn', 300, 3500, slideByTab('raffle_tabs', 'span', 'btn fl', 'active'), tabSwitch('raffle_tabs', 'span', 'btn fl', 'active')); initSlide('kill_slide', 'li', 'slide_btn', 300, 3000, slideByTab('kill_tabs', 'span', 'btn fl', 'active'), tabSwitch('kill_tabs', 'span', 'btn fl', 'active')); </script></body></html>





四、學(xué)習(xí)資料

~ 關(guān)注我，點(diǎn)贊博文~ 每天帶你漲知識(shí)!

相關(guān)問題可以相互學(xué)習(xí)，可關(guān)注↓公Z號(hào) 獲取更多源碼 !

web前端 零基礎(chǔ)-入門到高級(jí) (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級(jí)的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站




五、完整源碼

【百度網(wǎng)盤-源碼下載地址】

鏈接：https://pan.baidu.com/s/1T5XeFJ7WE2ASbylHE2sRMA 提取碼：8888

六、更多源碼

HTML5期末考核大作業(yè)源碼 包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載!



關(guān)鍵詞：商城,作業(yè),設(shè)計(jì),簡(jiǎn)單

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉