当当网头部和尾部——源码
生活随笔
收集整理的這篇文章主要介紹了
当当网头部和尾部——源码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
頭部：
<!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" /><title>當當網站導航部分</title><link href="css/global.css" rel="stylesheet" type="text/css" /><link href="css/template.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script type="text/javascript" src="js/header.js"></script> </head> <body> <!--頂部開始--> <div class="header_top"><div class="header_top_left">您好！歡迎光臨當當網 [<a href="login.html" target="_parent">登錄</a> | <a href="register.html" target="_parent">免費注冊</a>]</div><div class="header_top_right"><ul><li><a href="#" target="_self">幫助</a></li><li>|</li><li id="menu"><a href="#" target="_self">我的當當</a> <img src="images/dd_arrow_down.gif" alt="arrow" /><div id="dd_menu_top_down"><a href="#" target="_self">我的訂單</a><br /><a href="#" target="_self">賬戶余額</a><br /><a href="#" target="_self">購物禮券</a><br /><a href="#" target="_self">我的會員積分</a><br /></div></li><li>|</li><li><a href="#" target="_self">團購</a></li><li>|</li><li><a href="#" target="_self">禮品卡</a></li><li>|</li><li><a href="#" target="_self">個性化推薦</a></li><li>|</li><li><a href="shopping.html" target="_parent">購物車</a></li><li><img src="images/dd_header_shop.gif" alt="shopping"/></li></ul></div> </div> <!--導航開始--> <div class="header_middle"><div class="logo"><img src="images/dd_logo.gif" alt="logo"/></div><div class="menu_left"><dl><dd class="menu_left_first"></dd></dl><ul id="menu_left_bold"><li><a href="index.html" target="_parent" class="bold">首頁</a></li><li>|</li><li><a href="product.html" target="_parent" class="bold">圖書</a></li><li>|</li><li><a href="#" target="_self" class="bold">音樂</a></li><li>|</li><li><a href="#" target="_self" class="bold">影視</a></li><li>|</li><li><a href="#" target="_self" class="bold">運動</a></li><li>|</li><li><a href="#" target="_self" class="bold">服飾</a></li><li>|</li><li><a href="#" target="_self" class="bold">家居</a></li><li>|</li><li><a href="#" target="_self" class="bold">美妝</a></li><li>|</li><li><a href="#" target="_self" class="bold">母嬰</a></li><li>|</li><li><a href="#" target="_self" class="bold">食品</a></li><li>|</li><li><a href="#" target="_self" class="bold">數碼家電</a></li></ul><dl><dd class="menu_left_end"></dd></dl></div><div class="menu_right" id="menu_dull_red"><ul><li class="menu_right_1"><a href="#" target="_self">商店街</a></li><li class="menu_right_2"><a href="#" target="_self">促銷</a></li><li class="menu_right_3"><a href="#" target="_self">當當<img src="images/dd_header_top.png" alt="榜" /></a></li><li class="menu_right_2"><a href="#" target="_self">社區</a></li><li class="menu_right_3"><a href="#" target="_self">在線讀書</a></li></ul></div><div class="menu"><div class="menu_first"></div><div id="menu_white"><a href="#" target="_self" class="menu_mid_white">小說</a>|<a href="#" target="_self" class="menu_mid_white">青春</a>|<a href="#" target="_self" class="menu_mid_white">歷史</a>|<a href="#" target="_self" class="menu_mid_white">保健</a>|<a href="#" target="_self" class="menu_mid_white">少兒</a>|<a href="#" target="_self" class="menu_mid_white">旅游</a>|<a href="#" target="_self" class="menu_mid_white">期刊</a>|<a href="#" target="_self" class="menu_mid_white">圖書暢銷榜</a>|<a href="#" target="_self" class="menu_mid_white">新書熱賣榜</a>|<a href="#" target="_self" class="menu_mid_white">特價書</a>|<a href="#" target="_self" class="menu_mid_white">圖書促銷</a>|<a href="#" target="_self" class="menu_mid_white">所有圖書分類</a></div><div class="menu_end"></div></div> </div> <!--搜索開始--> <div class="header_search"><div class="header_serach_left"></div><div class="header_serach_mid"><ul id="header_serach_mid_menu"><li><input id="header_serach" type="text" class="header_input_search" /></li><li><input type="image" class="header_secrch_btn" src="images/dd_header_search_btn.jpg" /></li><li><img src="images/dd_arrow_right.gif" alt="arrow"/> <a href="#" target="_self">高級搜索</a></li><li>|</li><li><img src="images/dd_header_search_top.jpg" alt="搜索風云榜"/></li><li><a href="#" target="_self">雅思</a></li><li>|</li><li><a href="#" target="_self">建造師</a></li><li>|</li><li><a href="#" target="_self">中里巴人</a></li><li>|</li><li><a href="#" target="_self">注會</a></li><li>|</li><li><a href="#" target="_self">新概念英語</a></li><li>|</li><li><a href="#" target="_self">更多>></a></li></ul></div><div class="header_serach_right"></div> </div> </body> </html>尾部： <!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=gb2312" /> <title>當當網版權部分</title> <link href="css/global.css" rel="stylesheet" type="text/css" /> <link href="css/template.css" rel="stylesheet" type="text/css" /> </head><body><div class="footer_end">Copyright (C) 當當網 2004-2009, All Rights Reserved <img src="images/validate.gif" alt="版權" style="vertical-align:middle;" /> 京ICP證041189號 音像制品經營許可證 京音網8號</div> </body> </html>
總結
以上是生活随笔為你收集整理的当当网头部和尾部——源码的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 电脑更新关机一直转圈？
- 下一篇： win7开机显示准备配置Windows请