头部:
<!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>
分享到:
相关推荐
在实际应用中,我们常常需要在RecyclerView中添加头部和尾部视图,以便展示广告、分类标签或者一些额外的信息。这篇教程将详细讲解如何在RecyclerView中实现这个功能。 首先,我们需要创建一个布局文件来表示头部和...
标题中的“Android-一个Android库用于为RecyclerView添加头部和尾部”揭示了这个库的核心功能,即帮助开发者在RecyclerView中方便地添加头部和尾部视图。RecyclerView是Android平台上的一个强大视图组件,用于展示可...
文件"1-120Z40130190-L.png"可能是ListView显示效果的截图,展示了ListView在不同状态下的视觉表现,如选中、未选中、头部和尾部的特殊样式等。通过分析这张图片,开发者可以了解如何自定义ListView的样式和交互。 ...
描述中提到的"支持添加自定义头部和尾部",意味着这个库不仅仅提供了默认的刷新和加载样式,还允许开发者根据自己的项目需求定制头部(即刷新视图)和尾部(加载更多视图)的界面元素和动画。这为开发者提供了更大的...
在适配器中,我们可以预留出头尾部的位置,例如,可以创建一个包含三部分的数据结构:头部数据、普通数据列表和尾部数据。 2. **实现头部和尾部的视图**: 创建XML布局文件,分别定义头部和尾部的视图。这些视图...
在实际应用中,我们常常需要在RecyclerView中添加头部和尾部视图,以实现更加丰富的用户界面。本教程将详细介绍如何在RecyclerView中添加头部和尾部。 首先,我们需要理解RecyclerView的基本结构。RecyclerView由...
在给定的`fix_container`文件中,可能包含了一个已经封装好的容器类,它集成了上拉刷新和下拉加载更多的逻辑,并提供了自定义头部和尾部视图的能力。这个类可能包含了一些关键方法,如: 1. `setOnRefreshListener`...
本教程将详细讲解如何在ListView中添加头部和尾部布局,以增强其功能性和用户体验。 首先,我们要明白头部(header)和尾部(footer)布局的概念。头部布局通常用来显示一些与列表数据无关的信息,比如广告、搜索框...
WrapRecyclerView 是一个可以添加头部和尾部的RecyclerView,并且提供了一个 WrapAdapter, 它可以让你轻松为 RecyclerView 添加头部和尾部。demo中还用到了轮转大图控件。Android-LoopViewgithub地址:...
论文研究-罕见灾难风险和股市收益——基于我国个股横截面尾部风险的实证分析.pdf, 本文从个股横截面数据提取尾部风险作为时变罕见灾难风险的代理指标,实证分析了罕见...
在标题和描述中提到的知识点主要涉及到RecyclerView的高级功能和优化,包括上拉加载(Load More)、下拉刷新(Swipe to Refresh)、添加头部和尾部视图以及实现各种Item动画效果。下面将详细解释这些内容。 1. **上...
然而,为了增强用户体验,有时我们需要实现ListView的头部和尾部可伸展并回弹的效果,这种功能通常被称为“Pull to Refresh”(下拉刷新)和“Load More”(上拉加载更多)。本篇文章将详细介绍如何在Android中实现...
监控视角-试验基地养鱼池鱼图片数据集608张(含json格式标签,用于鱼类目标检测和4个关键点标记检测头部,尾部和鳍).zip 监控视角-试验基地养鱼池鱼图片数据集608张(含json格式标签,用于鱼类目标检测和4个关键点标记...
为了添加头部和尾部,我们可以在` onCreateViewHolder()` 方法中创建额外的ViewHolder类型,例如HeaderViewHolder和FooterViewHolder,然后在` getItemCount()` 方法中返回包括头部、尾部和实际数据项的总数。...
Android实现ListView头部和尾部可伸展并回弹功能
self.collectionView.collectionViewLayout = fjWaterfallFlowLayout; (重写collectionViewLayout);g根据前人方法上写的一款带有头尾的瀑布流,demo有详细注释。
易语言源码易语言文件尾部附加数据源码.rar 易语言源码易语言文件尾部附加数据源码.rar 易语言源码易语言文件尾部附加数据源码.rar 易语言源码易语言文件尾部附加数据源码.rar 易语言源码易语言文件尾部附加数据...
02文件夹中可能包含不同类型的HTML文件,它们展示了网页结构的搭建,如头部、主体和尾部的定义,以及如何添加文本、图像、链接等元素。 2. **CSS样式**:CSS(Cascading Style Sheets)用于控制网页的布局和外观。...
可以添加头部和尾部View并且支持setOnItemClickListener和滑到底部自动加载更多的RecylerView 具备通ListView一样的功能,能添加头部和尾部View并且支持setOnItemClickListener和滑到底部自动加载更多的RecylerView
本教程将深入探讨如何在RecyclerView中实现一些高级功能,包括添加头部和尾部视图,以及为列表项实现左滑显示删除按钮并进行实际的删除操作。 首先,我们从基础开始。RecyclerView通过其Adapter类来管理数据,并...