亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html實現當當網首頁的示例分析

發布時間:2021-06-08 11:10:50 來源:億速云 閱讀:418 作者:小新 欄目:web開發

這篇文章給大家分享的是有關html實現當當網首頁的示例分析的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

html代碼如下:

<!DOCTYPE html>  
<html>  
<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/layout.css" rel="stylesheet" type="text/css" />  
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>  
    <script type="text/javascript" src="js/index.js"></script>  
</head>  
<body>  
<!--隨滾動條滾動可關閉廣告-->  
<div id="right" class="right">  
    <div class="dd_close" id="dd_close"><a href="javascript:void(0);">關閉</a></div>  
    <img src="images/dd_scroll.jpg" id="right1" />  
</div>  
<!--頭部iframe引入-->  
<div id="header">  
    <iframe src="header.html" height="155px" width="960px" frameborder="0"></iframe>  
</div>  
<!--網站中間內容開始-->  
<div id="main">  
    <div class="dd_index_top_adver"><img src="images/dd_index_top_adver.jpg" alt="通欄廣告圖片" /></div>  
    <!--左側菜單開始-->  
    <div id="catList">  
        <!--推薦分類-->  
        <div class="book_sort">  
            <div class="book_sort_bg">推薦分類</div>  
            <div class="book_sort_bottom" style="border-bottom:0px;">外語 | 中小學教輔 |</div>  
        </div>  
        <!--圖書商品分類開始-->  
        <div class="book_sort">  
            <div class="book_sort_bg"><img src="images/dd_book_cate_icon.gif" alt="圖書" /> 圖書商品分類</div>  
            <div class="book_cate">[小說]</div>  
            <div class="book_sort_bottom">懸疑 | 言情 | 職場 | 財經</div>  
            <div class="book_cate">[文藝]</div>  
            <div class="book_sort_bottom">文學 | 傳記 | 藝術 | 攝影</div>  
            <div class="book_cate">[青春]</div>  
            <div class="book_sort_bottom">青春文學 | 動漫 | 幽默</div>  
            <div class="book_cate">[勵志/成功]</div>  
            <div class="book_sort_bottom">修養 | 成功 | 職場 | 溝通</div>  
            <div class="book_cate">[少兒]</div>  
            <div class="book_sort_bottom">0-2 | 3-6 | 7-10 | 11-14<br />文學 | 科普 | 圖畫書</div>  
            <div class="book_cate">[生活]</div>  
            <div class="book_sort_bottom">保健 | 家教 | 美麗裝扮 | 育兒 | 美食 | 旅游 | 收藏 | 生活 | 體育 | 地圖 | 個人理財</div>  
            <div class="book_cate">[個人社科]</div>  
            <div class="book_sort_bottom">文化 | 歷史 | 哲學/宗教 | 古籍 | 政治/歷史 | 法律 | 經濟 | 社會科學 | 心理學</div>  
            <div class="book_cate">[管理]</div>  
            <div class="book_sort_bottom">管理 | 金融 | 營銷 | 會計</div>  
            <div class="book_cate">[科技]</div>  
            <div class="book_sort_bottom">科普 | 建筑 | 醫學 | 計算機 | 農林 | 自然科學 | 工業 | 通信</div>  
            <div class="book_cate">[教育]</div>  
            <div class="book_sort_bottom">教材 | 中小學教輔 | 外語</div>  
            <div class="book_cate">[工具書]</div>  
            <div class="book_cate">[圖外原版書]</div>  
            <div class="book_cate">[期刊]</div>  
        </div>  
        <!--圖書商品分類結束-->  
    </div>  
    <!--左側菜單結束-->  
    <!--中間部分開始-->  
    <div id="content">  
        <!--輪換顯示的橫幅廣告圖片-->  
        <div class="scroll_top"></div>  
        <div class="scroll_mid">  
            <ul id="scroll_img">  
                <li><img src="images/dd_scroll_1.jpg"/></li>  
                <li><img src="images/dd_scroll_2.jpg"/></li>  
                <li><img src="images/dd_scroll_3.jpg"/></li>  
                <li><img src="images/dd_scroll_4.jpg"/></li>  
                <li><img src="images/dd_scroll_5.jpg"/></li>  
                <li><img src="images/dd_scroll_6.jpg"/></li>  
            </ul>  
            <ul id="scroll_number">  
                <li>1</li>  
                <li>2</li>  
                <li>3</li>  
                <li>4</li>  
                <li>5</li>  
                <li>6</li>  
            </ul>  
        </div>  
        <div class="scroll_end"></div>  
        <!--最新上架開始-->  
        <div id="bookTab" class="book_sort">  
            <div class="book_new">  
                <div class="book_left">最新上架</div>  
                <div class="book_type book_type_out" id="history">歷史</div>  
                <div class="book_type" id="family">家教</div>  
                <div class="book_type" id="culture">文化</div>  
                <div class="book_type" id="novel">小說</div>  
                <div class="book_right"><a href="#">更多>></a></div>  
            </div>  
            <div class="book_class" style="height:250px;">  
                <!--歷史-->  
                <dl id="book_history">  
                    <dt><img src="images/dd_history_1.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">《中國時代》(上)</font><br />  
                        作者:師永剛,鄒明 主編 <br />  
                        出版社:作家出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥39.00<br />  
                        當當價:¥27.00  
                    </dd>  
                    <dt><img src="images/dd_history_2.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">中國歷史的屈辱</font><br />  
                        作者:王重旭 著 <br />  
                        出版社:華夏出版社 <br />  
                        <font class="book_publish">出版時間:2009年11月</font><br />  
                        定價:¥26.00<br />  
                        當當價:¥18.20  
                    </dd>  
                    <dt><img src="images/dd_history_3.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">《中國時代》(下)</font><br />  
                        作者:師永剛,鄒明 主編 <br />  
                        出版社:作家出版社 <br />  
                        <font class="book_publish"> 出版時間:2009年10月</font><br />  
                        定價:¥38.00<br />  
                        當當價:¥26.30  
                    </dd>  
                    <dt><img src="images/dd_history_4.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">大家國學十六講</font><br />  
                        作者:張蔭麟,呂思勉 著 <br />  
                        出版社:中國友誼出版公司 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥19.80<br />  
                        當當價:¥13.70  
                    </dd>  
                </dl>  
                <!--家教-->  
                <dl id="book_family" class="book_none">  
                    <dt><img src="images/dd_family_1.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">嘿,我知道你</font><br />  
                        作者:蘭海 著 <br />  
                        出版社:中國婦女出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥28.80<br />  
                        當當價:¥17.90  
                    </dd>  
                    <dt><img src="images/dd_family_2.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">擇業要趁早</font><br />  
                        作者:(美)列文<br />  
                        出版社:海天出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥28.00<br />  
                        當當價:¥19.30  
                    </dd>  
                    <dt><img src="images/dd_family_3.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">爺爺奶奶的“孫子兵法”</font><br />  
                        作者:伏建全 編著 <br />  
                        出版社:地震出版社 <br />  
                        <font class="book_publish"> 出版時間:2009年8月</font><br />  
                        定價:¥28.00<br />  
                        當當價:¥17.40  
                    </dd>  
                    <dt><img src="images/dd_family_4.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">1分鐘讀懂孩子心理</font><br />  
                        作者:海韻 著 <br />  
                        出版社:朝華出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥28.00<br />  
                        當當價:¥17.40  
                    </dd>  
                </dl>  
                <!--文化-->  
                <dl id="book_culture" class="book_none">  
                    <dt><img src="images/dd_culture_1.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">嘿,我知道你</font><br />  
                        作者:蘭海 著 <br />  
                        出版社:中國婦女出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥28.80<br />  
                        當當價:¥17.90  
                    </dd>  
                    <dt><img src="images/dd_culture_2.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">擇業要趁早</font><br />  
                        作者:(美)列文 <br />  
                        出版社:海天出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥28.00<br />  
                        當當價:¥19.30  
                    </dd>  
                    <dt><img src="images/dd_culture_3.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">爺爺奶奶的“孫子兵法”</font><br />  
                        作者:伏建全 編著 <br />  
                        出版社:地震出版社 <br />  
                        <font class="book_publish"> 出版時間:2009年8月</font><br />  
                        定價:¥28.00<br />  
                        當當價:¥17.40  
                    </dd>  
                    <dt><img src="images/dd_culture_4.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">1分鐘讀懂孩子心理</font><br />  
                        作者:海韻 著 <br />  
                        出版社:朝華出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥28.00<br />  
                        當當價:¥17.40  
                    </dd>  
                </dl>  
                <!--小說-->  
                <dl id="book_novel" class="book_none">  
                    <dt><img src="images/dd_novel_1.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">嘿,我知道你</font><br />  
                        作者:蘭海 著 <br />  
                        出版社:中國婦女出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥28.80<br />  
                        當當價:¥17.90  
                    </dd>  
                    <dt><img src="images/dd_novel_2.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">擇業要趁早</font><br />  
                        作者:(美)列文 <br />  
                        出版社:海天出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥28.00<br />  
                        當當價:¥19.30  
                    </dd>  
                    <dt><img src="images/dd_novel_3.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">爺爺奶奶的“孫子兵法”</font><br />  
                        作者:伏建全 編著 <br />  
                        出版社:地震出版社 <br />  
                        <font class="book_publish"> 出版時間:2009年8月</font><br />  
                        定價:¥28.00<br />  
                        當當價:¥17.40  
                    </dd>  
                    <dt><img src="images/dd_novel_4.jpg" alt="history"/></dt>  
                    <dd>  
                        <font class="book_title">1分鐘讀懂孩子心理</font><br />  
                        作者:海韻 著 <br />  
                        出版社:朝華出版社 <br />  
                        <font class="book_publish">出版時間:2009年10月</font><br />  
                        定價:¥28.00<br />  
                        當當價:¥17.40  
                    </dd>  
                </dl>  
            </div>  
        </div>  
        <!--重點關注-->  
        <div class="book_sort">  
            <div class="book_new">  
                <div class="book_left">重點關注</div>  
            </div>  
            <div class="book_class" style="height:380px;">  
                <dl id="book_focus">  
                    <dt><img src="images/dd_focus_1.jpg" alt="focus"/></dt>  
                    <dt><img src="images/dd_focus_2.jpg" alt="focus"/></dt>  
                    <dt><img src="images/dd_focus_3.jpg" alt="focus"/></dt>  
                    <dt><img src="images/dd_focus_4.jpg" alt="focus"/></dt>  
                    <dd><a href="#" class="blue">鄭玉巧育兒經·幼兒卷</a></dd>  
                    <dd><a href="#" class="blue">蹦蹦和跳跳的故事(全10冊)</a></dd>  
                    <dd><a href="#" class="blue">人體自有大藥(讓每一個人都能變成...</a></dd>  
                    <dd><a href="#" class="blue">特效穴位使用手冊</a></dd>  
                    <dd>定價:¥49.80<br />  
                        當當價:¥32.00</dd>  
                    <dd>定價:¥50.00<br />  
                        當當價:¥33.00</dd>  
                    <dd>定價:¥29.00<br />  
                        當當價:¥19.40</dd>  
                    <dd>定價:¥29.00<br />  
                        當當價:¥19.40</dd>  
                    <dt><img src="images/dd_focus_5.jpg" alt="focus"/></dt>  
                    <dt><img src="images/dd_focus_6.jpg" alt="focus"/></dt>  
                    <dt><img src="images/dd_focus_7.jpg" alt="focus"/></dt>  
                    <dt><img src="images/dd_focus_8.jpg" alt="focus"/></dt>  
                    <dd><a href="#" class="blue">《貓武士系列》(全6冊)</a></dd>  
                    <dd><a href="#" class="blue">求醫不如求己養生救命大寶典</a></dd>  
                    <dd><a href="#" class="blue">雅思詞匯詞根+聯想記憶法</a></dd>  
                    <dd><a href="#" class="blue">等待Nemo的日子</a></dd>  
                    <dd>定價:¥120.00<br />  
                        當當價:¥79.20</dd>  
                    <dd>定價:¥198.00<br />  
                        當當價:¥116.90</dd>  
                    <dd>定價:¥28.00<br />  
                        當當價:¥18.70</dd>  
                    <dd>定價:¥26.00<br />  
                        當當價:¥17.90</dd>  
                </dl>  
            </div>  
        </div>  
    </div>  
    <!--中間部分結束-->  
    <!--右側部分開始-->  
    <div id="silder">  
        <!--書訊快遞-->  
        <div class="book_sort">  
            <div class="book_sort_bg"><img src="images/dd_book_mess.gif" alt="mess" style=" vertical-align:text-bottom;"/>書訊快遞</div>  
            <div class="book_class">  
                <div id="dome">  
                    <div id="dome1">  
                        <ul id="express">  
                            <li>?2010考研英語大綱到貨75折...</li>  
                            <li>?權威定本四大名著(人民文...</li>  
                            <li>?口述歷史權威唐德剛先生國...</li>  
                            <li>?袁偉民與體壇風云:實話實...</li>  
                            <li>?我們臺灣這些年:轟動兩岸...</li>  
                            <li>?暢銷教輔推薦:精品套書50...</li>  
                            <li>?2010版法律碩士聯考大綱75...</li>  
                            <li>?計算機新書暢銷書75折搶購</li>  
                            <li>?2009年孩子最喜歡的書>></li>  
                            <li>?弗洛伊德作品精選集59折</li>  
                            <li>?2010考研英語大綱到貨75折...</li>  
                            <li>?權威定本四大名著(人民文...</li>  
                            <li>?口述歷史權威唐德剛先生國...</li>  
                            <li>?袁偉民與體壇風云:實話實...</li>  
                            <li>?我們臺灣這些年:轟動兩岸...</li>  
                            <li>?暢銷教輔推薦:精品套書50...</li>  
                            <li>?2010版法律碩士聯考大綱75...</li>  
                            <li>?計算機新書暢銷書75折搶購</li>  
                            <li>?2009年孩子最喜歡的書>></li>  
                            <li>?弗洛伊德作品精選集59折</li>  
                            <li>?2010考研英語大綱到貨75折...</li>  
                            <li>?權威定本四大名著(人民文...</li>  
                            <li>?口述歷史權威唐德剛先生國...</li>  
                            <li>?袁偉民與體壇風云:實話實...</li>  
                            <li>?我們臺灣這些年:轟動兩岸...</li>  
                            <li>?暢銷教輔推薦:精品套書50...</li>  
                            <li>?2010版法律碩士聯考大綱75...</li>  
                            <li>?計算機新書暢銷書75折搶購</li>  
                            <li>?2009年孩子最喜歡的書>></li>  
                            <li>?弗洛伊德作品精選集59折</li>  
                            <li>?2010考研英語大綱到貨75折...</li>  
                            <li>?權威定本四大名著(人民文...</li>  
                            <li>?口述歷史權威唐德剛先生國...</li>  
                            <li>?袁偉民與體壇風云:實話實...</li>  
                            <li>?我們臺灣這些年:轟動兩岸...</li>  
                            <li>?暢銷教輔推薦:精品套書50...</li>  
                            <li>?2010版法律碩士聯考大綱75...</li>  
                            <li>?計算機新書暢銷書75折搶購</li>  
                            <li>?2009年孩子最喜歡的書>></li>  
                            <li>?弗洛伊德作品精選集59折</li>  
                        </ul>  
                    </div>  
                </div>  
            </div>  
            <div class="book_express_avder"> <img src="images/dd_book_right_adver1.jpg" alt="adver" style="margin-bottom:5px;" /> <img src="images/dd_book_right_adver2.gif" alt="adver" /> </div>  
        </div>  
        <!--近7日暢銷榜-->  
        <div class="book_sort">  
            <div class="book_seven_title">近7日暢銷榜 <img src="images/dd_bang.gif" alt="bang" style="vertical-align:top;"/></div>  
            <div class="book_seven_border">  
                <div class="book_seven_top">  
                    <ul id="book_seven_cate">  
                        <li>動漫</li>  
                        <li>小說</li>  
                        <li>外語</li>  
                        <li>旅游</li>  
                        <li>勵志</li>  
                    </ul>  
                </div>  
                <div class="book_seven_content">  
                    <div class="book_seven_content_left">  
                        <dl id="book_seven_number">  
                            <dt><img src="images/dd_book_no_01.gif" alt="book"/></dt>  
                            <dt><img src="images/dd_book_no_02.gif" alt="book"/></dt>  
                            <dt><img src="images/dd_book_no_03.gif" alt="book"/></dt>  
                            <dd><img src="images/dd_book_no_04.gif" alt="book"/></dd>  
                            <dd><img src="images/dd_book_no_05.gif" alt="book"/></dd>  
                            <dd><img src="images/dd_book_no_06.gif" alt="book"/></dd>  
                            <dd><img src="images/dd_book_no_07.gif" alt="book"/></dd>  
                            <dd><img src="images/dd_book_no_08.gif" alt="book"/></dd>  
                        </dl>  
                    </div>  
                    <div class="book_seven_content_right">  
                        <!--勵志開始-->  
                        <div id="book_seven_hearten">  
                            <dl>  
                                <dt><img src="images/dd_seven_hearten_01.jpg" alt="hearten" /></dt>  
                                <dd>  
                                    <a href="#" class="blue">不抱怨的世界</a><br />  
                                    作者:(美)鮑溫<br />  
                                    出版社:陜西師范<br />  
                                    出版時間:2009年4月  
                                </dd>  
                                <dt><img src="images/dd_seven_hearten_02.jpg" alt="hearten" /></dt>  
                                <dd>  
                                    <a href="#" class="blue">遇見未知的自己</a><br />  
                                    作者:張德芬 <br />  
                                    出版社:華夏出版<br />  
                                    出版時間:2008年1月  
                                </dd>  
                                <dt><img src="images/dd_seven_hearten_03.jpg" alt="hearten" /></dt>  
                                <dd>  
                                    <a href="#" class="blue">活法</a><br />  
                                    作者:(日)稻盛<br />  
                                    出版社:東方出版<br />  
                                    出版時間:2005年3月  
                                </dd>  
                            </dl>  
                            <ul>  
                                <li><a href="#" class="blue">高效能人士的七個習慣</a></li>  
                                <li><a href="#" class="blue">被迫強大</a></li>  
                                <li><a href="#" class="blue">遇見心想事成的自己</a></li>  
                                <li><a href="#" class="blue">世界上最偉大的推銷員</a></li>  
                                <li><a href="#" class="blue">我的成功可以復制</a></li>  
                            </ul>  
                        </div>  
                        <!--勵志結束-->  
                    </div>  
                </div>  
            </div>  
        </div>  
    </div>  
<!--右側部分結束-->  
</div>  
<!--網站版權部分開始-->  
<div id="footer">  
    <div class="footer_top"><a href="#" target="_parent" class="footer_dull_red">公司簡介</a> | <a href="#" target="_parent" class="footer_dull_red">誠證英才</a> | <a href="#" target="_parent" class="footer_dull_red">網站聯盟</a> | <a href="#" target="_parent" class="footer_dull_red">百貨招商</a> | <a href="#" target="_parent" class="footer_dull_red">交易條款</a></div>  
    <iframe src="footer.html" height="50px" width="900px" frameborder="0"></iframe>  
</div>  
</body>  
</html>

感謝各位的閱讀!關于“html實現當當網首頁的示例分析”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

穆棱市| 房山区| 盱眙县| 磐石市| 贡嘎县| 疏勒县| 温泉县| 河间市| 大安市| 旌德县| 望奎县| 宁乡县| 临漳县| 桓台县| 南澳县| 望都县| 内黄县| 柞水县| 富阳市| 射洪县| 拉孜县| 城固县| 榆中县| 根河市| 望城县| 南昌县| 淮南市| 辽源市| 象山县| 东山县| 吉林市| 三河市| 元氏县| 武山县| 九寨沟县| 胶南市| 开化县| 徐水县| 鲁甸县| 渑池县| 阿拉尔市|