當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
div+css静态网页设计——男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品 商城网页设计作业模板 学生网页制作源代码下载
生活随笔
收集整理的這篇文章主要介紹了
div+css静态网页设计——男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品 商城网页设计作业模板 学生网页制作源代码下载
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
HTML5期末大作業(yè)：商城網(wǎng)站設(shè)計——男女裝商城-功能齊全(40頁) HTML+CSS+JavaScript 大學(xué)生網(wǎng)店作品 商城網(wǎng)頁設(shè)計作業(yè)模板 學(xué)生網(wǎng)頁制作源代碼下載
常見網(wǎng)頁設(shè)計作業(yè)題材有 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 等網(wǎng)頁設(shè)計題目, A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!
🧡作者主頁-更多源碼
🧡HTML期末大作業(yè)文章專欄
作品介紹
1.網(wǎng)頁作品簡介 ：HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(yè) A+水平 ,喜歡的可以下載，文章頁支持手機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、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設(shè)計了logo（源文件），基本期末作業(yè)所需的知識點全覆蓋。
文章目錄
- HTML5期末大作業(yè)：商城網(wǎng)站設(shè)計——男女裝商城-功能齊全(40頁) HTML+CSS+JavaScript 大學(xué)生網(wǎng)店作品 商城網(wǎng)頁設(shè)計作業(yè)模板 學(xué)生網(wǎng)頁制作源代碼下載
- 作品介紹
- 一、作品展示
- 二、文件目錄
- 三、代碼實現(xiàn)
- 四、學(xué)習(xí)資料
- 五、更多源碼
一、作品展示
二、文件目錄
三、代碼實現(xiàn)
<!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","輸入提現(xiàn)金額")$(".group_btn").val("立即提現(xiàn)");}); }); </script> </head> <body> <!--header--> <header><!--topNavBg--><div class="topNavBg"><div class="wrap"><!--topLeftNav--><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><!--topRightNav--><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">客戶服務(wù)</a></li><li><a href="union_login.html">聯(lián)盟管理</a></li></ul></div></div><!--logoArea--><div class="wrap logoSearch"><!--logo--><div class="logo"><h1><img src="picture/logo.png"/></h1></div><!--search--><div class="search"><ul class="switchNav"><li class="active" id="chanpin">產(chǎn)品</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="輸入產(chǎn)品關(guān)鍵詞或貨號"/></div><div class="btnWrap"><input type="submit" value="搜索"/></div></form><a href="#" class="advancedSearch">高級搜索</a></div></div></div><!--nav--><nav> <ul class="wrap navList"> <li class="category"> <a>全部產(chǎn)品分類</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="#">風(fēng)衣</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="#">衛(wèi)衣</a> <a href="#">風(fēng)衣</a> <a href="#">民族風(fēng)</a> <a href="#">原創(chuàng)設(shè)計</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">原創(chuàng)設(shè)計</a> </li> <li> <a href="channel.html">時尚代購</a> </li> <li> <a href="channel.html">民族風(fēng)</a> </li> <li> <a href="information.html">時尚搭配</a> </li> <li> <a href="library.html">搭配知識</a> </li> <li> <a href="#">促銷專區(qū)</a> </li> <li> <a href="#">其他</a> </li> </ul> </nav></header><script>$(document).ready(function(){//測試效果，程序?qū)尤缧枳儎又匦戮庉?/span>$(".switchNav li").click(function(){$(this).addClass("active").siblings().removeClass("active");});$("#chanpin").click(function(){$(".inputWrap input[type='text']").attr("placeholder","輸入產(chǎn)品關(guān)鍵詞或貨號");});$("#shangjia").click(function(){$(".inputWrap input[type='text']").attr("placeholder","輸入商家店鋪名");});$("#zixun").click(function(){$(".inputWrap input[type='text']").attr("placeholder","輸入關(guān)鍵詞查找文章內(nèi)容");});$("#wenku").click(function(){$(".inputWrap input[type='text']").attr("placeholder","輸入關(guān)鍵詞查找文庫內(nèi)容");});});</script><section class="wrap user_center_wrap"><!--左側(cè)導(dǎo)航--><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">店鋪設(shè)置</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">站內(nèi)短消息</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><!--右側(cè)：內(nèi)容區(qū)域--><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">提現(xiàn)</a><span class="sums"><label>充值金額：<input type="text" class="textbox"/>元</label><input type="button" value="確認(rèn)按鈕" class="group_btn"/></span></dd></dl><table class="order_table"><caption><span class="fl">資金變動明細</span></caption><tr><th>類型</th><th>交易金額</th><th>當(dāng)前余額</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">提現(xiàn)</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">提現(xiàn)</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--> <footer><!--help--><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">服務(wù)中心</a></dd><dd><a href="article_read.html">更多服務(wù)特色</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">服務(wù)中心</a></dd><dd><a href="article_read.html">更多服務(wù)特色</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">服務(wù)中心</a></dd><dd><a href="article_read.html">更多服務(wù)特色</a></dd></dl></li><li><dl><dt>服務(wù)保障</dt><dd><a href="article_read.html">保障范圍</a></dd><dd><a href="article_read.html">退換貨流程</a></dd><dd><a href="article_read.html">服務(wù)中心</a></dd><dd><a href="article_read.html">更多服務(wù)特色</a></dd></dl></li></ul><dl class="wrap otherLink"><dt>友情鏈接</dt><dd><a href="#" target="_blank">素材網(wǎng)站</a></dd><dd><a href="#/pins/24448.html">HTML5模塊化后臺管理模板</a></dd><dd><a href="#/pins/15966.html">綠色清爽后臺管理系統(tǒng)模板</a></dd><dd><a href="#/pins/14931.html">黑色的cms商城網(wǎng)站后臺管理模板</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="#">當(dāng)當(dāng)</a></dd><dd><a href="#">優(yōu)酷</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 版權(quán)所有 網(wǎng)絡(luò)文化經(jīng)營許可證：浙網(wǎng)文[2013]***-027號 增值電信業(yè)務(wù)經(jīng)營許可證：浙B2-200***24-1 信息網(wǎng)絡(luò)傳播視聽節(jié)目許可證：1109***4號</p><address>聯(lián)系地址：陜西省西安市雁塔區(qū)XXX號</address></div> </footer> </body> </html>四、學(xué)習(xí)資料
web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站
五、更多源碼
HTML5期末考核大作業(yè)源碼* 包含 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!
總結(jié)
以上是生活随笔為你收集整理的div+css静态网页设计——男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品 商城网页设计作业模板 学生网页制作源代码下载的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： BZOJ3420[POI2013]Tri
- 下一篇： （web前端每日一练）用JavaScri