精华内容
下载资源
问答
  • 当当网页制作

    2018-07-20 11:05:25
    当当网页制作,18年论文答辩。前台模仿当当网站的模式制作,后台采用oracle的数据库。
  • 达内培训要求的当当网设计,实现了简单功能。数据库是SQL,基于Eclipce平台。
  • 《21世纪高职高专规划教材·计算机系列:网页制作基础-HTML,CSS,JaScript(第2)》是按照高等院校计算机网页设计教学大纲要求编写的,是一本全面掌握网页设计语言的基础教程。全书内容分为三个部分。第一部分是HTML...

    url_none.png

    《21世纪高职高专规划教材·计算机系列:网页制作基础-HTML,CSS,JaScript(第2版)》是按照高等院校计算机网页设计教学大纲要求编写的,是一本全面掌握网页设计语言的基础教程。全书内容分为三个部分。第一部分是HTML语言,HTML语言是网页设计的基本语言,该部分系统介绍了文本、图像、超链接、表格、表单、框架、多媒体等方面的元素和属性。第二部分是CSS,在CSS部分中,完整介绍CSS的基础知识,特别是对CSS的各种属性进行详细的解释和分析。第三部分是JaScript语言,该部分主要介绍JaScript语言的主要特征、语法结构、语句和对象的使用。《21世纪高职高专规划教材·计算机系列:网页制作基础-HTML,CSS,JaScript(第2版)》浅显易懂,结构合理,内容翔实,图文并茂,适合作为高职高专院校计算机类专业的教材,也适合从事网页设计与制作专业人员的入门教材。

    ¥30.98定价:¥226.73(1.37折)

    展开全文
  • S2.使用jQuery快速高效制作网页交互特效,当当网完整
  • 北大青鸟ACCP6.0S2第十章制作当当网页
  • 当当购物车页面123123123651328156545156412354561654156
  • 本模板万张的模拟了当当网的页头和页尾 页头导航 和当当网百分之99相同 页尾完全相同 电视页尾处有一个灰色框框 是为了防止侵权加上去的 下载后去掉哪一个DIV层就可以了
  • S2期当当网页项目

    2013-03-29 18:32:00
    北大青鸟s2期学javascript时做的项目。。现在上传给大家参考哦。
  • 当当网-网页制作

    2018-04-27 09:54:03
    struct2. 当当网-网页制作
  • 仿当当网jsp网页项目

    2019-04-15 22:56:45
    仿照当当网写出的jsp网站 数据库连接可通过修改src\com\tarena\util下的DBUtil文件修改 数据库使用mysql
  • 使用浏览器:Firefoxbeta8.0 分辨率:1366*768 测试时间:2011.11.12晚(因为图书的价格可能会随着时间而发生变动,同时库存会有增减) ...1.点石成金:访客至上的网页设计秘笈(Don’tMakeMeThink)(原书第2
  • 【实例截图】【核心代码】34wwyk└── 当当网├── css│ ├── global.css│ ├── layout.css│ └── template.css├── footer.html├── header.html├── images│ ├── dd_arrow_down.gif│...

    【实例简介】

    购物网站当当网包含首页,登录界面,注册界面,购物车等的HTML和CSS及脚本。

    【实例截图】

    【核心代码】

    34wwyk

    └── 当当网

    ├── css

    │   ├── global.css

    │   ├── layout.css

    │   └── template.css

    ├── footer.html

    ├── header.html

    ├── images

    │   ├── dd_arrow_down.gif

    │   ├── dd_arrow_right.gif

    │   ├── dd_bang.gif

    │   ├── dd_book_bg1.jpg

    │   ├── dd_book_bg2.jpg

    │   ├── dd_book_bg.jpg

    │   ├── dd_book_cate_icon.gif

    │   ├── dd_book_mess.gif

    │   ├── dd_book_no_01.gif

    │   ├── dd_book_no_02.gif

    │   ├── dd_book_no_03.gif

    │   ├── dd_book_no_04.gif

    │   ├── dd_book_no_05.gif

    │   ├── dd_book_no_06.gif

    │   ├── dd_book_no_07.gif

    │   ├── dd_book_no_08.gif

    │   ├── dd_book_no_09.gif

    │   ├── dd_book_no_10.gif

    │   ├── dd_book_right_adver1.jpg

    │   ├── dd_book_right_adver2.gif

    │   ├── dd_culture_1.jpg

    │   ├── dd_culture_2.jpg

    │   ├── dd_culture_3.jpg

    │   ├── dd_culture_4.jpg

    │   ├── dd_family_1.jpg

    │   ├── dd_family_2.jpg

    │   ├── dd_family_3.jpg

    │   ├── dd_family_4.jpg

    │   ├── dd_focus_1.jpg

    │   ├── dd_focus_2.jpg

    │   ├── dd_focus_3.jpg

    │   ├── dd_focus_4.jpg

    │   ├── dd_focus_5.jpg

    │   ├── dd_focus_6.jpg

    │   ├── dd_focus_7.jpg

    │   ├── dd_focus_8.jpg

    │   ├── dd_head_bg_left.gif

    │   ├── dd_head_bg_mid.gif

    │   ├── dd_head_bg_right.gif

    │   ├── dd_header_1_a.jpg

    │   ├── dd_header_2_a.jpg

    │   ├── dd_header_3_a.jpg

    │   ├── dd_header_bg.gif

    │   ├── dd_header_search_btn.jpg

    │   ├── dd_header_search_top.jpg

    │   ├── dd_header_shop.gif

    │   ├── dd_header_top.png

    │   ├── dd_history_1.jpg

    │   ├── dd_history_2.jpg

    │   ├── dd_history_3.jpg

    │   ├── dd_history_4.jpg

    │   ├── dd_index_top_adver.jpg

    │   ├── dd_logo.gif

    │   ├── dd_novel_1.jpg

    │   ├── dd_novel_2.jpg

    │   ├── dd_novel_3.jpg

    │   ├── dd_novel_4.jpg

    │   ├── dd_scroll_1.jpg

    │   ├── dd_scroll_2.jpg

    │   ├── dd_scroll_3.jpg

    │   ├── dd_scroll_4.jpg

    │   ├── dd_scroll_5.jpg

    │   ├── dd_scroll_6.jpg

    │   ├── dd_scroll_end.gif

    │   ├── dd_scroll.jpg

    │   ├── dd_scroll_top.gif

    │   ├── dd_seven_bg1.jpg

    │   ├── dd_seven_bg2.jpg

    │   ├── dd_seven_bg.jpg

    │   ├── dd_seven_hearten_01.jpg

    │   ├── dd_seven_hearten_02.jpg

    │   ├── dd_seven_hearten_03.jpg

    │   ├── dd_winOpen.jpg

    │   ├── login_header.gif

    │   ├── login_icon_bg_01.gif

    │   ├── login_icon_bg_02.gif

    │   ├── login_main_01.jpg

    │   ├── login_main_02.jpg

    │   ├── login_main_03.jpg

    │   ├── login_main_04.jpg

    │   ├── logo.gif

    │   ├── next.gif

    │   ├── OK.gif

    │   ├── product_01.gif

    │   ├── product_02.gif

    │   ├── product_buy_01.gif

    │   ├── product_buy_02.gif

    │   ├── product_icon_01.gif

    │   ├── product_icon_02.gif

    │   ├── product_icon_03.gif

    │   ├── product_icon_04.gif

    │   ├── product_icon_20.gif

    │   ├── product_icon_40.gif

    │   ├── product_left_top_bg.gif

    │   ├── product_list_01.jpg

    │   ├── product_list_02.jpg

    │   ├── product_list_03.jpg

    │   ├── product_list_04.jpg

    │   ├── product_list_05.jpg

    │   ├── product_page_down.gif

    │   ├── product_page_up.gif

    │   ├── register_btn_out.gif

    │   ├── register_btn_over.gif

    │   ├── register_cont.gif

    │   ├── register_dotted.gif

    │   ├── register_head_bg.gif

    │   ├── register_pic_01.gif

    │   ├── register_pic_02.gif

    │   ├── register_shadow.gif

    │   ├── register_tag_left.gif

    │   ├── register_tag_mid.gif

    │   ├── register_tag_right.gif

    │   ├── register_top_bg.gif

    │   ├── register_write_ok.gif

    │   ├── shopping_arrow_down.gif

    │   ├── shopping_arrow_up.gif

    │   ├── shopping_balance.gif

    │   ├── shopping_commend_bg.gif

    │   ├── shopping_dotted.gif

    │   ├── shopping_myshopping.gif

    │   ├── star_gray.gif

    │   ├── star_red2.gif

    │   ├── star_red.gif

    │   ├── Thumbs.db

    │   └── validate.gif

    ├── index.html

    ├── login.html

    ├── product.html

    ├── register.html

    └── shopping.html

    3 directories, 135 files

    展开全文
  • 学习作品《当当网注册页面》帮助页面,北大青鸟项目实战2
  • 前端期末作业-仿当当网(免积分下载),有导航栏,动态图等等,适合初学者使用,详细情况请看我的文章介绍。
  • JavaScript版当当

    2017-05-31 11:16:29
    JavaScript版当当
  • 所谓“网页数据抓取”,也称为网页数据采集,Web数据采集等等,就是从我们平时通过浏览器查看的...下面,就以笔者从当当网上采集数据的过程为例,来具体说一下网页数据抓取的基本过程吧。 首先,我们要对目标网站的网

    所谓“网页数据抓取”,也称为网页数据采集,Web数据采集等等,就是从我们平时通过浏览器查看的web网页上来提取需要的数据信息,然后以结构化的方式存储到CSV、JSON、XML、ACCESS、MSSQL、MYSQL等格式的文件或数据库中的过程。当然,这里的数据提取过程,是借助于计算机软件技术来实现的,而不是通过人工的方式手动复制、粘贴来实现的。也正因为如此,才使得从大型网站上采集需要的数据成为可能。

    下面,就以笔者从当当网上采集数据的过程为例,来具体说一下网页数据抓取的基本过程吧。

    首先,我们要对目标网站的网页结构进行分析,以确定该网站上的数据是否可以采集以及如何采集。

    当当网是一个综合性的网站,这里我们就以图书类数据为例来说明吧。经过查看,我们找到了图书信息的目录页。图书信息是以多级目录为结构来组织的,如下图所示,图片左侧的就是图书信息的一级目录:
    在这里插入图片描述
    因为很多网站出于数据保护的原因,都会限制数据显示的数目,比如数据最多显示100页之类的,超过100页的数据就不给显示出来了。这样的话,如果选择进入的目录级别越高,能够得到的数据量就越少。所以,为了能够得到尽可能多的数据,我们需要进入更底层的目录,也就是更小的分类级,才能获得更多的数据。

    点开一级目录,就可以进入二级图书目录,如下图所示:
    在这里插入图片描述
    同样,依次点击各级目录,最后就能进入到最底层的目录,这里显示着该目录下的所有可显示的数据项列表,我们可以称之为底层列表页,如图所示:
    在这里插入图片描述
    当然,这个列表页很可能也是分为多页的,我们在进行数据采集时,需要遍历每一页的数据项,通过每个数据项上的链接,就可以进入到最终数据的页面,我们称之为详细页。如下图:

    在这里插入图片描述
    到这里,获取详细数据的路径已经明确了。接下来,我们就要对详细页上的有用数据项进行分析,然后针对性地编写数据采集程序,就可以抓取到我们感兴趣的数据了。

    下面是笔者对当当网图书数据进行网页数据抓取时编写的程序的部分代码:
    在这里插入图片描述
    下面是笔者采集到的部分图书信息示例数据:
    在这里插入图片描述
    至此,一个完整的网页数据抓取过程就完成了。

    了解更多分析及数据抓取可查看:
    http://cloud.yisurvey.com:9081/html/d8acf20b-342f-4806-8dcc-5e6a8d00881d.html?ly=csdn
    本文转载自互联网、仅供学习交流,内容版权归原作者所有,如涉作品、版权和其他问题请联系我们删除处理。
    特别说明:本文旨在技术交流,请勿将涉及的技术用于非法用途,否则一切后果自负。如果您觉得我们侵犯了您的合法权益,请联系我们予以处理。

    展开全文
  • 购物网站当当网包含首页,登录界面,注册界面,购物车等的HTML和CSS及脚本。 购物网站当当网包含首页,登录界面,注册界面,购物车等的HTML和CSS及脚本。
  • 当当网最全模版

    2012-10-23 19:09:06
    当当网最全模版
  • 这是利用Dreamweaver做的仿当当网做的网页。但愿对大家有帮助
  • 这个网页是在学过CSS之后,对当当网首页进行模仿的网页,没有看当当网的网页源码,纯按照自己之前学的写的,由于是刚学过HTML和CSS才一个星期,所以里面有许多地方写的非常没有水平,仅仅用来学习使用,欢迎各位大佬...

      这个网页是在学过CSS之后,对当当网首页进行模仿的网页,没有看当当网的网页源码,纯按照自己之前学的写的,由于是刚学过HTML和CSS才一个星期,所以里面有许多地方写的非常没有水平,仅仅用来学习使用,欢迎各位大佬对我的这个简单网页不足的地方进行指正,谢谢各位大佬。

     

    代码展示

     

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            body{
                background-color: rgba(234,234,234,1);
                margin: 0;
                /*border: 0;*/
                z-index: 1;
            }
            .head {
                /*margin: 0;*/
                background-color: black;
                margin:0;
                padding:0;
                z-index: 2;
    
            }
            .head .menu{
                width: 1100px;
                margin: 0 auto;
                line-height: 38px;
                /*height: 38px;*/
    
            }
            .head .menu li{
                color: rgba(159,159,159,1);
                float: left;
                margin-top: 8px;
                list-style-type:none;
            }
            .menu a{
                color: rgba(159,159,159,1);
                text-decoration: none;
                font-size: 5px;
            }
            .menu a:hover{
                color: white;
            }
            .menu .found{
                display: inline;
                margin:0;
            }
            .menu .found a{
                float: right;
                margin-right: 3px;
                margin-left: 3px;
    
            }
            .menu .found a:hover{
                background-color: rgba(145,145,145,1);
            }
            .eyes{
                margin:0 auto;
                width: 1100px;
                height: 100px;
                line-height: 100px;
                background-color: rgba(234,234,234,1);
                border:0;
                padding:0;
                position: relative;
                z-index: 999;
    
            }
            .eyes .eyes_z img{
                height: 55px;
                margin-top: 15px;
                position: absolute;
            }
            .eyes span {
                margin-top: 15px;
                width: 2px;
            }
            .eyes input{
                margin-top: -15px;
                margin-left: 180px;
                height: 40px;
                width:500px;
                padding-left:80px;
                /*border-break: close;*/
            }
            .eyes .eyes_o{
                position: absolute;
                left: 190px;
            }
            .eyes .eyes_t{
                margin-top: 30px;
                margin-left: 6px;
                width: 45px;
                height: 45px;
                background-color: rgba(226,0,82,1);
                display: inline-block;
                z-index: 1;
                position: absolute;
                border:maroon;
    
            }
            .eyes .eyes_t img{
                top: 12px;
                left: 4px;
                position: absolute;
            }
            .eyes_f{
                display: inline-block;
                float: right;
                font-size: 15px;
            }
            .eyes_f a{
                margin: 3px;
                text-decoration: none;
                color: lightslategray;
            }
            .eyes_f a:hover{
                color: white;
            }
            .body{
                width:1100px;
                margin:0 auto;
    
            }
            .head_top{
    
    
                margin: 0 auto;
                font-size: 14px;
                /*height: 35px;*/
                line-height: 20px;
                background-color: rgba(199,0,72,1);
                z-index: 1;
                font-family:微软雅黑;
    
            }
            .head_top_head{
                /*width: 1100px;*/
                margin: 0;
                height: 30px;
                line-height: 35px;
                background-color: rgba(116,8,110,1);
                z-index: 999;
    
            }
            .head_top_ee{
                width: 1100px;
                margin:0 auto;
            }
            .head_top_ee li{
                float: left;
                list-style-type: none;
            }
            .head_top_ee a{
                color: rgba(237,237,237,1);
                text-decoration: none;
                margin-left: 10px;
                margin-right: 10px;
                float: left;
    
            }
    
            .head_top_ee a:hover{
                line-height: 30px;
                height: 30px;
                background-color: rgba(199,0,72,1);
            }
            .body_zero{
                width: 1100px;
                height: 600px;
                /*background-color: black;*/
                /*opacity:;*/
                position: relative;
            }
            .img_one{
                width: 1100px;
                height: 600px;
                /*border: ;*/
                border: 3px;
            }
            .body_and{
                position: absolute;
                top:0;
                left:0;
                right:0;
                bottom:0;
                background:rgba(0,0,0,.6);
                color: white;
                text-align:center;
                visibility: hidden;
            }
            .body_zero:hover .body_and{
                visibility: visible;
            }
            /*.img_one:hover{*/
                /*background-color: black;*/
                /*opacity:0.4;*/
            /*}*/
            .body_and {
                font-size: 32px;
                padding :30px 0;
            }
            .c1{
                margin-top: 200px;
            }
            .body_three span a{
                text-decoration: none;
                margin-left: 19px;
                font-size: 15px;
                color: rgba(102,102,102,1);
            }
            .body_three span a:hover{
                text-decoration: solid;
                color: inherit;
            }
            .body_good {
                display: inline-block;
            }
            .body_good div{
                display: inline-block;
                width: 75px;
                height: 25px;
                background-color: white;
                border:solid 2px lightslategray;
                /*border: 2px;*/
            }
            .body_good div:hover{
                border:solid 2px #D90A0F;
            }
            .body_good a{
                margin: 5px;
                color: #343434;
                text-decoration: none;
            }
            .body_bfbd{
                background-image: url("http://v.dangdang.com/Standard/Vipshop/Extend/hosts/images/shop_box_title_bg.png");
                width: 960px;
                height: 50px;
                margin: 0 auto;
    
            }
            .body_bfbd h1{
                margin-left: 20px;
                color: white;;
            }
            .body_commodity{
                border: outset 3px rgba(62,7,62,0.69);
                margin-top: 20px;
                width: 250px;
                height: 250px;
                position: relative;
                display: inline-block;
                margin-right: 15.4px;
            }
            .body_commodity img {
                width: 250px;
                height: 250px;
            }
            .body_commodity .pj{
                position: absolute;
                top: 150px;
                left:0;
                right: 0px;
                bottom:0;
                background:rgba(0,0,0,.6);
                color: white;
                text-align:center; /*文字居中*/
                visibility: hidden
            }
            .body_commodity:hover .pj{
                visibility: visible;
            }
            .pj_one{
                font-size: 22px;
                padding :30px 0;
            }
            .footer_zero{
                height: 50px;
                line-height: 50px;
    
            }
            .footer_one{
                width: 720px;
                height: 80px;
                line-height: 80px;
                position: relative;
                border-left-width: 0;
            }
            /*.footer_one img{*/
                /*position: absolute;*/
            /*}*/
            /*.footer .footer_one a{*/
                /*display: block;*/
                /*height: 52px;*/
                /*width: 187px;*/
                /*float: left;*/
                /*padding: 7px 0 7px 48px;*/
                /*!*display: none;*!*/
            }
            /*footer .footer_one a span{*/
                /*text-indent: -9999px;*/
                /*display:block;*/
                /*width: 138px;*/
                /*height: 52px;*/
                /*background: url("http://img61.ddimg.cn/upload_img/00660/home/footer_bg.png") 0 0 no-repeat;*/
                /*font-size:0;*/
                /*line-height: 0;*/
                /*cursor: pointer;*/
            /*}*/
            .footer_three .footer_five{
                float: left;
                /*margin-left: 40px;*/
                margin-left: 10px;
            }
            .footer_five{
                margin-left: 20px;
                display: inline-block;
                width: 130px;
    
            }
            .footer_three{
                background-color: white;
                /*width: 1000px;*/
                margin:0 auto;
                height: 200px;
                /*line-height: 200px;*/
                z-index: 3
            }
            .footer_four{
                background-color: white;
                height: 200px;
                width: 1000px;
                margin:0 auto;
                /*left: -500px;*/
            }
            ul{
                list-style-type: none;
            }
            .footer_five ul a{
                color: rgba(0,0,0,0.69);
                text-decoration: none;
                font-size: 5px;
    
            }
            .footer_five a:hover{
                color: black;
            }
            .fly {
                margin-top: 203px;
                width: 150px;
                height: 100px;
                float: right;
                margin-right: 200px;
                position: fixed;
            }
            .fly img{
                width: 150px;
                height: 150px;
            }
        </style>
    </head>
    <body>
    <div class="fly">
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506449298549&di=8f72c24e3e54a28c705a8cf3178661df&imgtype=0&src=http%3A%2F%2Feasyread.ph.126.net%2FHQKV9YFqAoL3SAatH6WQCg%3D%3D%2F7916715716943982967.gif">
    </div>
    <div>
        <div class="head">
            <div class="menu">
                <span style=" font-size:5px;color: rgba(159,159,159,1);">欢迎光临当当,请</span>
                <a style="margin-right: 10px" href="https://login.dangdang.com/signin.aspx?returnurl=http%3A//v.dangdang.com/">登录</a><
                <a href="https://login.dangdang.com/Register.aspx?returnurl=http%3A//v.dangdang.com/">成为会员</a>
                <div class="found">
                    <a href="http://giftcard.dangdang.com/giftcardCompany">企业采购</a>
                    <a href="http://help.dangdang.com/index">客户服务</a>
                    <a href="http://e.dangdang.com/touch/special/goldenIP/essays.html">小说投稿</a>
                    <a href="https://login.dangdang.com/Signin.aspx?ReturnUrl=http://myhome.dangdang.com/">我的当当</a>
                    <a href="https://login.dangdang.com/signin.aspx?returnurl=http%3A%2F%2Fe.dangdang.com%2Fbooksshelf_page.html">我的云书房</a>
                    <a href="https://login.dangdang.com/Signin.aspx?ReturnUrl=http://myhome.dangdang.com/myOrder">我的订单</a>
                    <a href="http://shopping.dangdang.com/shoppingcart/shopping_cart.aspx?product_ids=0&referer=http://v.dangdang.com/pn10748_355_1.html&prev_referer=">购物车</a>
                </div>
            </div>
        </div>
        <div class="eyes">
            <a class="eyes_z"><img src="http://img60.ddimg.cn/upload_img/00694/weipinhui_header/v_logo.png"></a>
            <span></span>
            <input>
            <a class="eyes_o">全部分类</a>
            <div class="eyes_t"><a><img style="margin-left: 8px ;margin-top: 0px" src="001.PNG"></a></div>
            <div class="eyes_f">
                <span>
                    大家都在搜:
                </span>
                <a href="http://search.dangdang.com/?key=%B3%E4%C6%F8%CD%E6%BE%DF&act=input">气球</a>
                <a href="http://search.dangdang.com/?key=%B0%B4%C4%A6%B0%F4&act=input">按摩椅</a>
                <a href="http://search.dangdang.com/?key=%B5%E7%B6%AF%CD%E6%BE%DF&act=input">电动玩具</a>
            </div>
            <!--<div style="clear: both">1</div>-->
        </div>
        <div class="head_top">
                <div class="head_top_ee">
                    <ul >
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">当当首页</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">尾品会</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">孕婴童</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">男装</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">女装</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">内衣</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">鞋履</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">运动/户外</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">箱包/礼品</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">珠宝饰品</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">居家</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">美装</a></li>
                        <li><a href="http://v.dangdang.com/pn10748_355_1.html">童书/图书</a></li>
                        <li><a style="float: right;" href="http://baidu.com">收藏此页</a></li>
    
                    </ul>
    
                </div>
                <!--<div style="clear: both">1</div>-->
            <div class="head_top_head"></div>
            <div style="clear: both">1</div>
        </div>
        <div class="body">
            <div class="body_zero">
                <div>
                    <img class="img_one" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506359964250&di=1c714f95a4e30404ad31c7bd5a4e4e3c&imgtype=0&src=http%3A%2F%2Fimg02.tooopen.com%2Fimages
    
    %2F20150606%2Ftooopen_sy_128761962238.jpg">
                </div>
                <div class="body_and">
                    <div class="c1">天堂</div>
                    <div class="c2">100万-200万</div>
                </div>
            </div>
            <div class="body_three" style="position: relative;">
                <a style="font-size: 20px;margin-top:7px;position: absolute;">分类: </a>
                <div style=" z-index: 1;margin-top:5px;margin-left:50px;position: relative;width: 50px;line-height: 30px;height: 30px;display: inline-block;background-color: rgba(226,0,82,1) ">
                    <a href="http://v.dangdang.com/pn10748_355_1.html" style="text-decoration: none;margin-left: 8px;font-size: 15px;color: white;">全部</a>
                </div>
                <span>
                    <a href="http://v.dangdang.com/pn10748_355_1-cid4009377.html">运动/户外鞋(32)</a>
                    <a href="http://v.dangdang.com/pn10748_355_1-cid4009377.html">休闲鞋(17)</a>
                    <a href="http://v.dangdang.com/pn10748_355_1-cid4009377.html">靴子/雪地靴</a>
                    <a href="http://v.dangdang.com/pn10748_355_1-cid4009377.html">皮鞋</a>
                    <a href="http://v.dangdang.com/pn10748_355_1-cid4009377.html">帆布鞋/板鞋</a>
                    <a href="http://v.dangdang.com/pn10748_355_1-cid4009377.html">亲子鞋</a>
                    <a href="http://v.dangdang.com/pn10748_355_1-cid4009377.html">学步鞋</a>
                </span>
            </div>
            <hr>
            <div>
                <div style="margin-left: 8px;width: 10px;height: 10px;background-color: white;border: solid 1px black ;display: inline-block;"></div>
                <a  style="text-decoration: none;color: #343434;" href="http://v.dangdang.com/pn10748_355_1.html">只显示有货的产品</a>
                <div class="body_good">
                    <div><a href="http://v.dangdang.com/pn10748_355_1-f1-srdiscount_desc.html">折扣▼</a></div>
                    <div><a href="http://v.dangdang.com/pn10748_355_1-f1-srdiscount_desc.html">价格▲</a></div>
                    <div><a href="http://v.dangdang.com/pn10748_355_1-f1-srdiscount_desc.html">默认排序</a></div>
                </div>
            </div>
            <div class="body_bfbd">
                <h1>特惠专区</h1>
            </div>
            <div class="body_moth">
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506419519658&di=3472d0446b397ad5b0dceac678cb8fb5&imgtype=0&src=http%3A%2F%2Fimgs.soufun.com%2Fnews%2F2016_03%2F17%2Fhome
    
    %2F1458198286459_000.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506419519658&di=3472d0446b397ad5b0dceac678cb8fb5&imgtype=0&src=http%3A%2F%2Fimgs.soufun.com%2Fnews%2F2016_03%2F17%2Fhome
    
    %2F1458198286459_000.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506419519658&di=3472d0446b397ad5b0dceac678cb8fb5&imgtype=0&src=http%3A%2F%2Fimgs.soufun.com%2Fnews%2F2016_03%2F17%2Fhome
    
    %2F1458198286459_000.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506419519658&di=3472d0446b397ad5b0dceac678cb8fb5&imgtype=0&src=http%3A%2F%2Fimgs.soufun.com%2Fnews%2F2016_03%2F17%2Fhome
    
    %2F1458198286459_000.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506419519658&di=3472d0446b397ad5b0dceac678cb8fb5&imgtype=0&src=http%3A%2F%2Fimgs.soufun.com%2Fnews%2F2016_03%2F17%2Fhome
    
    %2F1458198286459_000.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506419519658&di=3472d0446b397ad5b0dceac678cb8fb5&imgtype=0&src=http%3A%2F%2Fimgs.soufun.com%2Fnews%2F2016_03%2F17%2Fhome
    
    %2F1458198286459_000.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506419519658&di=3472d0446b397ad5b0dceac678cb8fb5&imgtype=0&src=http%3A%2F%2Fimgs.soufun.com%2Fnews%2F2016_03%2F17%2Fhome
    
    %2F1458198286459_000.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506419519658&di=3472d0446b397ad5b0dceac678cb8fb5&imgtype=0&src=http%3A%2F%2Fimgs.soufun.com%2Fnews%2F2016_03%2F17%2Fhome
    
    %2F1458198286459_000.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506438937051&di=ee4c1e5927da0737c0dca5910e4b2342&imgtype=0&src=http%3A%2F%2Fimg01.taopic.com%2F160712%2F318741-160G21KJ678.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506438937051&di=ee4c1e5927da0737c0dca5910e4b2342&imgtype=0&src=http%3A%2F%2Fimg01.taopic.com%2F160712%2F318741-160G21KJ678.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506438937051&di=ee4c1e5927da0737c0dca5910e4b2342&imgtype=0&src=http%3A%2F%2Fimg01.taopic.com%2F160712%2F318741-160G21KJ678.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506438937051&di=ee4c1e5927da0737c0dca5910e4b2342&imgtype=0&src=http%3A%2F%2Fimg01.taopic.com%2F160712%2F318741-160G21KJ678.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506438937051&di=ee4c1e5927da0737c0dca5910e4b2342&imgtype=0&src=http%3A%2F%2Fimg01.taopic.com%2F160712%2F318741-160G21KJ678.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506438937051&di=ee4c1e5927da0737c0dca5910e4b2342&imgtype=0&src=http%3A%2F%2Fimg01.taopic.com%2F160712%2F318741-160G21KJ678.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506438937051&di=ee4c1e5927da0737c0dca5910e4b2342&imgtype=0&src=http%3A%2F%2Fimg01.taopic.com%2F160712%2F318741-160G21KJ678.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
                <div class="body_commodity">
                    <div>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506438937051&di=ee4c1e5927da0737c0dca5910e4b2342&imgtype=0&src=http%3A%2F%2Fimg01.taopic.com%2F160712%2F318741-160G21KJ678.jpg">
                    </div>
                    <div class="pj">
                        <div class="pj_one">MAX</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div style="height: 40px;line-height: 40px;background-color: rgba(234,234,234,1)"></div>
            <div style="height: 5px;line-height: 5px;background-color: white"></div>
            <div style="height: 2px;line-height: 2px;background-color: #FE0123"></div>
            <div class="footer_zero">
                <div class="footer_one">
                    <a>
                        <span styel=>
    
                        </span>
                    </a>
                </div>
            </div>
            <div class="footer_three" >
                <div class="footer_four">
                    <div class="footer_five" >
                        <ul>
                            <li><a>购物指南</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">购物流程</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">发票制度</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">账户管理</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">会员优惠</a></li>
                        </ul>
                    </div>
                    <div class="footer_five" >
                        <ul>
                            <li><a>支付方式</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">货到付款</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">网上支付</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">礼卡支付</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">银行转帐</a></li>
                        </ul>
                    </div>
                    <div class="footer_five" >
                        <ul>
                            <li><a>订单服务</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">订单配送查询</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">订单状态说明</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">自助取消订单</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">自助修改订单</a></li>
                        </ul>
                    </div>
                    <div class="footer_five" >
                        <ul>
                            <li><a>配送方式</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">配送范围及免邮</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">当日递/次日达</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">订单自提</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">验货与签收</a></li>
                        </ul>
                    </div>
                    <div class="footer_five" >
                        <ul>
                            <li><a>退换货</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">退换货政策</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">自助申请退换货</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">退换货进度查询</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">退款方式和时间</a></li>
                        </ul>
                    </div>
                    <div class="footer_five" >
                        <ul>
                            <li><a>商家服务</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">商家中心</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">运营服务</a></li>
                            <li><a class=".footer_end" href="http://help.dangdang.com/details/page2">加入尾品汇</a></li>
                        </ul>
                    </div>
                </div>
                <div style="clear: both"></div>
             </div>
         </div>
    </div>
    </body>
    </html>

     

    转载于:https://www.cnblogs.com/liudi2017/p/7614919.html

    展开全文
  • 知识系统全面 本书内容完全从网页创建的实际角度出发,将所有HTML、CSS元素进行归类,每个标记的语法、属性和参数都有完整详细的说明,信息量大,知识结构完善。 典型实例讲解 本书的每课都配有大量实用案例,将本...
  • 当当】全球知名的综合性网上购物商城,百万种商品,品质保证,涵盖图书、童书、服装、百货、电子书等品类,全场2.9折起!提供货到付款和多种线上支付方式,上门退货、当面退款。
  • 在编写爬虫代码时,将网页分为静态网页和动态网页两种,不同类型的网页数据有着不同的处理办法,这篇文章简述爬取静态网页的方法,以当当网的图书销量为例。 ... 首先 ...
  • 这是HTML的全代码,里面有CSS样式表和具体网站构架,有兴趣的朋友可以试试看看……
  • 北大青鸟 S1 当当

    2011-07-30 14:47:17
    北大青鸟 S1 项目 当当网页开发
  • 当当网影视焦点图代码

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,318
精华内容 2,127
关键字:

当当网页版