当当网头部和尾部——源码

最新推荐文章于 2023-12-17 10:41:54 发布
最新推荐文章于 2023-12-17 10:41:54 发布
阅读量525 收藏 4
点赞数
文章标签： xhtml javascript 人工智能 ViewUI

头部：

<!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>


穆雄雄
关注
Protocol完整的
weixin_42366378的博客
04-13 3839
文章目录1.HTTP协议1.1.HTTP的特性1.2.HTTP报文1.2.1.请求报文1.请求行1.GET请求方式1.功能：信息的获取【安全且幂等】2.功能：数据提交3.注意2.POST请求方式1.POST数据提交方式：application/x-www-form-urlencoded2.POST数据提交方式：multipart/form-data3.text/html和text/plain的区别...
面试官：来，手写一个线程安全并且可以设置过期时间的LRU缓存
qianlia的博客
05-06 2155
划重点，手写一个 LRU 缓存在面试中还是挺常见的！ 很多人就会问了：“网上已经有这么多现成的缓存了！为什么面试官还要我们自己实现一个呢？”。 咳咳咳，当然是为了面试需要。哈哈！开个玩笑，我个人觉得更多地是为了学习吧！ 今天教大家： 实现一个线程安全的 LRU 缓存 实现一个线程安全并且带有过期时间的 LRU 缓存 考虑到了线程安全性我们使用了 ConcurrentHashMap 、Concu...
当当网头部和尾部——CSS源码
穆雄雄的博客
10-30 1255
头部 @charset "utf-8"; /* CSS Document */ /*网页头部导航样式开始*/ .header_top,.header_middle,.header_search{ margin-left:auto; margin-right:auto; width:955px; clear:both; } .header_top{ bor
html简单网页代码：基于HTML当当图书网项目的设计与实现 网上书城 网上书店 在线书店网页
最新发布
qq_524614081的博客
12-17 376
常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。 ⚽精彩专栏
复现当当网静态页面
Javaloli的博客
09-19 403
当当网静态复现 目的：复习页面布局思路，css相关布局属性。 代码： 注意：设置body最小宽度以防止缩放后布局错乱。
my面试
tangpeng95的博客
04-03 1996
这里写自定义目录标题1.集合一.List和Set1.常用的ArrayList，LinkedList，TreeSet，HashSet。二.Map2.线程一.线程的创建3种方式死锁多线程三大特性volatile3.线程池1.线程池的作用及原理==2.常见四种线程池==4.JVM==1.JVM组成====2.类加载器子系统执行过程====3.双亲委派机制====4.运行时数据区====5.堆区域是怎么划...
Java面试所需的知识
Tona_ZM的博客
11-15 2848
目录 1. 计算机网络 （1）网络7层架构 （2）TCP/IP原理 （3）HTTP原理 （4）加密算法 2. 数据结构 3. 算法 （1） Java算法 （2）海量数据处理 4. 操作系统 5. MySQL数据库 1、事务 2、数据库结构和锁 3、索引 4、情景题、优化题 5、琐碎知识 6、视图 7、存储过程和触发器 8、约束 6. Redis数据库...
我爱Java
yiqinianmo的博客
02-25 2900
1、 Java 基础知识 1.1 重载和重写的区别 重载： 发生在同一个类中，方法名必须相同，参数类型不同、个数不同、顺序不同，方法返回值和访问修饰符可以不同，发生在编译时。重写： 发生在父子类中，方法名、参数列表必须相同，返回值范围小于等于父类，抛出的异常范围小于等于父类，访问修饰符范围大于等于父类；如果父类方法访问修饰符为 private 则子类就不能重写该方法。 1.2 String 和 StringBuffer、StringBuilder 的区别是什么？String 为什么是不可变的？ 可变
当当网的源代码
08-28
当当网的源代码
JS仿淘宝导航菜单 仿当当网JS弹出导航特效，JS导航菜单
07-07
JS仿淘宝导航菜单 里面包括了相对定位，绝对定位内容，非常值得学习，掌握之后你就很容易做出像当当网，及其它导航菜单了。里面包括有Jqury内容
JS练习用例《当当网上书城》北大青鸟
12-28
当当网首页js动态效果文档及代码。 <html> <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" /> [removed][removed] </head> <body> <!--顶部开始--> 您好！欢迎光临当当网 [登录 | 免费注册]
顶部导航demo
11-14
很简单的顶部导航demo,适合初学者。基本一看就懂。附源码
当当网----练习小项目
01-04
模拟当当网自己练习的小项目，这是本人亲自编写的代码，不到之处，还请多多指教。
HTML+CSS制作仿制当当网
m0_51435825的博客
07-09 3463
简单、适合新手制作的HTML静态网页
项目03--当当网源码解读
胡倩萌的博客
08-21 4258
最近读了当当网的源码，收获很多，利用这篇博文和大家分享分享心得。一开始，我将源码导入eclipse的时候，jsp文件大面积出错，原因是jdk版本不匹配，将原项目的jdk删除，重新设置自己eclipse版本的jdk即可。首先我们来看整个项目的 Project Explorer ：接下来我们先简单的分析一下整个项目：前端分析：(1)前端页面采用 js + css + jsp 共同完成，css 主要用于网
当当网网上书店java源代码
12-15
当当网网上书店的源代码，用mysql+javabean+servlet实现的，是我们大三学年课程设计的项目，物有所值你懂的
当当网源代码 jQuery
12-18
ACCP7.0 第九章当当网的代码 要的速度了
RecyclerView添加头部和尾部实战教程
开发者可以根据需求自定义头部和尾部视图的交互，甚至可以实现动态添加或移除头部和尾部。 在实际项目中，为了代码复用和模块化，还可以创建一个通用的基适配器，使得适配器不仅支持ListView，也能适应RecyclerView...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值