時間：2023-09-22 08:48:01 | 來源：網(wǎng)站運營
時間：2023-09-22 08:48:01 來源：網(wǎng)站運營
HTML期末作業(yè)-網(wǎng)上購物食品超市HTML模板(HTML+CSS+JavaScript)：
在線咨詢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="css/common.css" rel="stylesheet" type="text/css" /><link href="css/style.css" rel="stylesheet" type="text/css" /><script src="js/jquery-1.8.3.min.js" type="text/javascript"></script><script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script><script src="js/common_js.js" type="text/javascript"></script><script src="js/footer.js" type="text/javascript"></script><title>網(wǎng)站首頁</title></head><body><head> <div id="header_top"> <div id="top"> <div class="Inside_pages"> <div class="Collection"><a href="#" class="green">請登錄</a> <a href="#" class="green">免費注冊</a></div> <div class="hd_top_manu clearfix"> <ul class="clearfix"> <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">首頁</a></li> <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a href="#">我的小充</a> </li> <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">消息中心</a></li> <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">商品分類</a></li> <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的購物車<b>(23)</b></a></li> </ul> </div> </div> </div> <div id="header" class="header page_style"> <div class="logo"><a href="index.html"><img src="images/logo.png" /></a></div><!--內(nèi)容樣式--><div id="mian"> <div class="clearfix marginbottom"> <!--產(chǎn)品分類樣式--> <script>$("#allSortOuterbox").slide({ titCell:".Menu_list li",mainCell:".menv_Detail", });</script> <!--產(chǎn)品欄切換--> <!--友情鏈接--> <div class="link_style clearfix"> <div class="title">友情鏈接</div> <div class="link_name"> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> <a href="#"><img src="products/logo/34.jpg" width="100"/></a> </div> </div></div><!--網(wǎng)站地圖--><div class="fri-link-bg clearfix"> <div class="fri-link"> <div class="logo left margin-r20"><img src="images/fo-logo.jpg" width="152" height="81" /></div> <div class="left"><img src="images/qd.jpg" width="90" height="90" /> <p>掃描下載APP</p> </div> <div class=""> <dl> <dt>新手上路</dt> <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> <dl> <dt>配送與支付</dt> <dd><a href="#">保險需求測試</a></dd> <dd><a href="#">專題及活動</a></dd> <dd><a href="#">挑選保險產(chǎn)品</a> </dd> <dd><a href="#">常見問題 </a></dd> </dl> <dl> <dt>售后保障</dt> <dd><a href="#">保險需求測試</a></dd> <dd><a href="#">專題及活動</a></dd> <dd><a href="#">挑選保險產(chǎn)品</a> </dd> <dd><a href="#">常見問題 </a></dd> </dl> <dl> <dt>支付方式</dt> <dd><a href="#">保險需求測試</a></dd> <dd><a href="#">專題及活動</a></dd> <dd><a href="#">挑選保險產(chǎn)品</a> </dd> <dd><a href="#">常見問題 </a></dd> </dl> <dl> <dt>幫助中心</dt> <dd><a href="#">保險需求測試</a></dd> <dd><a href="#">專題及活動</a></dd> <dd><a href="#">挑選保險產(chǎn)品</a> </dd> <dd><a href="#">常見問題 </a></dd> </dl> <dl> <dt>幫助中心</dt> <dd><a href="#">保險需求測試</a></dd> <dd><a href="#">專題及活動</a></dd> <dd><a href="#">挑選保險產(chǎn)品</a> </dd> <dd><a href="#">常見問題 </a></dd> </dl> <dl> <dt>幫助中心</dt> <dd><a href="#">保險需求測試</a></dd> <dd><a href="#">專題及活動</a></dd> <dd><a href="#">挑選保險產(chǎn)品</a> </dd> <dd><a href="#">常見問題 </a></dd> </dl> </div> </div></div><!--網(wǎng)站地圖END--> <!--右側(cè)菜單欄購物車樣式--><div class="fixedBox"> <ul class="fixedBoxList"> <li class="fixeBoxLi user"><a href="#"> <span class="fixeBoxSpan"></span> <strong>消息中心</strong></a> </li> <li class="fixeBoxLi cart_bd" style="display:block;" id="cartboxs"> <p class="good_cart">9</p> <span class="fixeBoxSpan"></span> <strong>購物車</strong> <div class="cartBox"> <div class="bjfff"></div><div class="message">購物車內(nèi)暫無商品，趕緊選購吧</div> </div></li> <li class="fixeBoxLi Service "> <span class="fixeBoxSpan"></span> <strong>客服</strong> <div class="ServiceBox"> <div class="bjfffs"></div> <dl onclick="javascript:;"> <dt><img src="images/Service1.png"></dt> <dd><strong>QQ客服1</strong> <p class="p1">9:00-22:00</p> <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=DGG三端同步&menu=yes">點擊交談</a></p> </dd> </dl> <dl onclick="javascript:;"> <dt><img src="images/Service1.png"></dt> <dd> <strong>QQ客服1</strong> <p class="p1">9:00-22:00</p> <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=DGG三端同步&menu=yes">點擊交談</a></p> </dd> </dl> </div> </li> <li class="fixeBoxLi code cart_bd " style="display:block;" id="cartboxs"> <span class="fixeBoxSpan"></span> <strong>微信</strong> <div class="cartBox"> <div class="bjfff"></div> <div class="QR_code"> <p><img src="images/erweim.jpg" width="180px" height="180px" /></p> <p>微信掃一掃，關(guān)注我們</p> </div> </div> </li> <li class="fixeBoxLi Home"> <a href="./"> <span class="fixeBoxSpan"></span> <strong>收藏夾</strong> </a> </li> <li class="fixeBoxLi BackToTop"> <span class="fixeBoxSpan"></span> <strong>返回頂部</strong> </li> </ul></div></body></html>關(guān)鍵詞：模板,食品,作業(yè)
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
