當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

div+css静态网页设计——男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品商城网页设计作业模板学生网页制作源代码下载

發布時間：2023/12/18 javascript 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 div+css静态网页设计——男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品商城网页设计作业模板学生网页制作源代码下载小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML5期末大作業：商城網站設計——男女裝商城-功能齊全(40頁) HTML+CSS+JavaScript 大學生網店作品商城網頁設計作業模板學生網頁制作源代碼下載

常見網頁設計作業題材有個人、美食、公司、學校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環保、書籍、婚紗、軍事、游戲、節日、戒煙、電影、攝影、文化、家鄉、鮮花、禮品、汽車、其他等網頁設計題目, A+水平作業, 可滿足大學生網頁大作業網頁設計需求, 喜歡的可以下載!

🧡作者主頁-更多源碼

🧡HTML期末大作業文章專欄

作品介紹

1.網頁作品簡介 ：HTML期末大學生網頁設計作業 A+水平 ,喜歡的可以下載，文章頁支持手機PC響應式布局。

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

3.網頁作品技術：Div+CSS、鼠標滑過特效、Table、導航欄效果、banner、表單、二級三級頁面等，視頻、音頻元素、Flash，同時設計了logo（源文件），基本期末作業所需的知識點全覆蓋。

文章目錄

HTML5期末大作業：商城網站設計——男女裝商城-功能齊全(40頁) HTML+CSS+JavaScript 大學生網店作品商城網頁設計作業模板學生網頁制作源代碼下載
作品介紹
一、作品展示
二、文件目錄
三、代碼實現
四、學習資料
五、更多源碼

一、作品展示

二、文件目錄

三、代碼實現

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>我的賬戶-用戶中心</title> <meta name="keywords" content="DeathGhost" /> <meta name="description" content="DeathGhost" /> <meta name="author" content="DeathGhost,deathghost@deathghost.cn"> <link rel="icon" href="images/icon/favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="css/style.css" /><script src="js/html5.js"></script> <script src="js/jquery.js"></script> <script> $(document).ready(function(){$("nav .indexAsideNav").hide();$("nav .category").mouseover(function(){$(".asideNav").slideDown();});$("nav .asideNav").mouseleave(function(){$(".asideNav").slideUp();});//測試效果$("#chongzhi").click(function(){$(".sums").show();$(".sums input").attr("placeholder","輸入充值金額")$(".group_btn").val("立即充值");});$("#tixian").click(function(){$(".sums").show();$(".sums input").attr("placeholder","輸入提現金額")$(".group_btn").val("立即提現");}); }); </script> </head> <body>  <header><div class="topNavBg"><div class="wrap"><ul class="topLtNav"><li><a href="login.html" class="obviousText">親，請登錄</a></li><li><a href="register.html">注冊</a></li><li><a href="#">移動端</a></li></ul><ul class="topRtNav"><li><a href="user.html">個人中心</a></li><li><a href="cart.html" class="cartIcon">購物車<i>0</i></a></li><li><a href="favorite.html" class="favorIcon">收藏夾</a></li><li><a href="user.html">商家中心</a></li><li><a href="article_read.html" class="srvIcon">客戶服務</a></li><li><a href="union_login.html">聯盟管理</a></li></ul></div></div><div class="wrap logoSearch"><div class="logo"><h1><img src="picture/logo.png"/></h1></div><div class="search"><ul class="switchNav"><li class="active" id="chanpin">產品</li><li id="shangjia">商家</li><li id="zixun">搭配</li><li id="wenku">文庫</li></ul><div class="searchBox"><form><div class="inputWrap"><input type="text" placeholder="輸入產品關鍵詞或貨號"/></div><div class="btnWrap"><input type="submit" value="搜索"/></div></form><a href="#" class="advancedSearch">高級搜索</a></div></div></div><nav> <ul class="wrap navList"> <li class="category"> <a>全部產品分類</a> <dl class="asideNav indexAsideNav"> <dt><a href="channel.html">女裝</a></dt> <dd> <a href="#">夏裝新</a> <a href="#">連衣裙</a> <a href="#">T恤</a> <a href="#">襯衫</a> <a href="#">褲子</a> <a href="#">牛仔褲</a> <a href="#">背帶褲</a> <a href="#">短外套</a> <a href="#">時尚外套</a> <a href="#">風衣</a> <a href="#">毛衣</a> <a href="#">背心</a> <a href="#">吊帶</a> <a href="#">民族服裝</a> </dd> <dt><a href="channel.html">男裝</a></dt> <dd> <a href="#">襯衫</a> <a href="#">背心</a> <a href="#">西裝</a> <a href="#">POLO衫</a> <a href="#">馬夾</a> <a href="#">皮衣</a> <a href="#">毛衣</a> <a href="#">針織衫</a> <a href="#">牛仔褲</a> <a href="#">外套</a> <a href="#">夾克</a> <a href="#">衛衣</a> <a href="#">風衣</a> <a href="#">民族風</a> <a href="#">原創設計</a> <a href="#">大碼</a> <a href="#">情侶裝</a> <a href="#">開衫</a> <a href="#">運動褲</a> <a href="#">工裝褲</a> </dd> </dl> </li> <li> <a href="index.html" class="active">首頁</a> </li> <li> <a href="#">時尚搭配</a> </li> <li> <a href="channel.html">原創設計</a> </li> <li> <a href="channel.html">時尚代購</a> </li> <li> <a href="channel.html">民族風</a> </li> <li> <a href="information.html">時尚搭配</a> </li> <li> <a href="library.html">搭配知識</a> </li> <li> <a href="#">促銷專區</a> </li> <li> <a href="#">其他</a> </li> </ul> </nav></header><script>$(document).ready(function(){//測試效果，程序對接如需變動重新編輯$(".switchNav li").click(function(){$(this).addClass("active").siblings().removeClass("active");});$("#chanpin").click(function(){$(".inputWrap input[type='text']").attr("placeholder","輸入產品關鍵詞或貨號");});$("#shangjia").click(function(){$(".inputWrap input[type='text']").attr("placeholder","輸入商家店鋪名");});$("#zixun").click(function(){$(".inputWrap input[type='text']").attr("placeholder","輸入關鍵詞查找文章內容");});$("#wenku").click(function(){$(".inputWrap input[type='text']").attr("placeholder","輸入關鍵詞查找文庫內容");});});</script><section class="wrap user_center_wrap"><aside class="user_aside_nav"><dl><dt>買家中心</dt><dd><a href="order_list.html">我的訂單</a></dd><dd><a href="price_list.html">我的詢價單</a></dd><dd><a href="favorite.html">我的收藏</a></dd><dd><a href="address.html">我的地址庫</a></dd></dl><dl><dt>商家管理中心</dt><dd><a href="authenticate.html">我要開店</a></dd><dd><a href="setting.html">店鋪設置</a></dd><dd><a href="seller_product_list.html">商品列表</a></dd><dd><a href="seller_order_list.html">訂單列表</a></dd><dd><a href="offer_list.html">詢價單</a></dd></dl><dl><dt>控制面板</dt><dd><a href="message.html">站內短消息</a></dd><dd><a href="account.html">資金管理</a></dd><dd><a href="profile.html">個人資料</a></dd><dd><a href="change_password.html">修改密碼</a></dd></dl></aside><div class="user_rt_cont"><div class="top_title"><strong>資金管理</strong></div><dl class="user_account"><dt>賬戶余額：</dt><dd><strong class="rmb_icon">0.00</strong><a class="link_btn" id="chongzhi">充值</a><a class="link_btn" id="tixian">提現</a><span class="sums"><label>充值金額：<input type="text" class="textbox"/>元</label><input type="button" value="確認按鈕" class="group_btn"/></span></dd></dl><table class="order_table"><caption><span class="fl">資金變動明細</span></caption><tr><th>類型</th><th>交易金額</th><th>當前余額</th><th>交易時間</th><th>操作</th></tr><tr><td class="center">充值</td><td class="center"><strong class="rmb_icon">58.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">充值完成！</td></tr><tr><td class="center">提現</td><td class="center"><strong class="rmb_icon">129.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">等待處理！</td></tr><tr><td class="center">訂單：201301151702</td><td class="center"><strong class="rmb_icon">129.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">交易完成！</td></tr><tr><td class="center">充值</td><td class="center"><strong class="rmb_icon">58.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">充值完成！</td></tr><tr><td class="center">提現</td><td class="center"><strong class="rmb_icon">129.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">等待處理！</td></tr><tr><td class="center">訂單：201301151702</td><td class="center"><strong class="rmb_icon">129.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">交易完成！</td></tr></table><div class="paging"><a>第一頁</a><a class="active">2</a><a>3</a><a>...</a><a>89</a><a>最后一頁</a></div></div> </section>  <footer><ul class="wrap help"><li><dl><dt>消費者保障</dt><dd><a href="article_read.html">保障范圍</a></dd><dd><a href="article_read.html">退換貨流程</a></dd><dd><a href="article_read.html">服務中心</a></dd><dd><a href="article_read.html">更多服務特色</a></dd></dl></li><li><dl><dt>新手上路</dt><dd><a href="article_read.html">保障范圍</a></dd><dd><a href="article_read.html">退換貨流程</a></dd><dd><a href="article_read.html">服務中心</a></dd><dd><a href="article_read.html">更多服務特色</a></dd></dl></li><li><dl><dt>付款方式</dt><dd><a href="article_read.html">保障范圍</a></dd><dd><a href="article_read.html">退換貨流程</a></dd><dd><a href="article_read.html">服務中心</a></dd><dd><a href="article_read.html">更多服務特色</a></dd></dl></li><li><dl><dt>服務保障</dt><dd><a href="article_read.html">保障范圍</a></dd><dd><a href="article_read.html">退換貨流程</a></dd><dd><a href="article_read.html">服務中心</a></dd><dd><a href="article_read.html">更多服務特色</a></dd></dl></li></ul><dl class="wrap otherLink"><dt>友情鏈接</dt><dd><a href="#" target="_blank">素材網站</a></dd><dd><a href="#/pins/24448.html">HTML5模塊化后臺管理模板</a></dd><dd><a href="#/pins/15966.html">綠色清爽后臺管理系統模板</a></dd><dd><a href="#/pins/14931.html">黑色的cms商城網站后臺管理模板</a></dd><dd><a href="http://www.bootstrapmb.com" target="_blank">前端博客</a></dd><dd><a href="http://www.bootstrapmb.com" target="_blank">博客</a></dd><dd><a href="http://www.bootstrapmb.com" target="_blank">新碼筆記</a></dd><dd><a href="http://www.bootstrapmb.com" target="_blank">DethGhost</a></dd><dd><a href="#">當當</a></dd><dd><a href="#">優酷</a></dd><dd><a href="#">土豆</a></dd><dd><a href="#">新浪</a></dd><dd><a href="#">釘釘</a></dd><dd><a href="#">支付寶</a></dd></dl><div class="wrap btmInfor"><p>? 2013 DeathGhost.cn 版權所有網絡文化經營許可證：浙網文[2013]***-027號增值電信業務經營許可證：浙B2-200***24-1 信息網絡傳播視聽節目許可證：1109***4號</p><address>聯系地址：陜西省西安市雁塔區XXX號</address></div> </footer> </body> </html>

四、學習資料

web前端零基礎-入門到高級 (視頻+源碼+開發軟件+學習資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們入手~送1000套HTML+CSS+JavaScript模板網站

五、更多源碼

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

總結

以上是生活随笔為你收集整理的div+css静态网页设计——男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品商城网页设计作业模板学生网页制作源代码下载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： BZOJ3420[POI2013]Tri
下一篇： Forth语言简明教程