当当网首页JS效果实现
<!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" xml:lang="zh-cn">
<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/layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.floatAd{
position:fixed;
right:90px;
top:60px;
width:100px;
height:133px;
}
.guanbi{
background-color:#FFD6DA;
border:1px #FFD6DA solid;
float:right;
position:absolute;
right:0;
top:0;
}
.kaiguan{
position:fixed;
right:0;
top:0;
display:none;
}
</style>
<script>
window.onload = init;
var count = 0;
var n = 0;
imgChange();
var t1;
function init(){
//open("Ad1.html","","width=500,height=327,menubar=0,toolbar=0,scroll=0");
t1 = setInterval("imgChange();",1000);
}
function imgChange(){
n++;
var img1 = document.getElementById("dd_scroll");
if(n >= 7){
n = 1;
}
setBackground();
img1.src = "images/dd_scroll_"+ n +".jpg";
}
function huantu(num){
stop1();
var img1 = document.getElementById("dd_scroll");
img1.src = "images/dd_scroll_" + num + ".jpg";
n = num;
setBackground();
}
function huifu(){
jixu();
}
function stop1(){
clearInterval(t1);
}
function jixu(){
t1 = setInterval("imgChange();",1000);
}
function setBackground(){
var obj = document.getElementById("dd_scroll");
var newObj = document.getElementById("scroll_number");
var newObj1 = newObj.getElementsByTagName("li");
var len = newObj1.length;
for(var i = 0; i < len; i++){
newObj1[i].style.backgroundColor = "";
}
newObj1[n - 1].style.backgroundColor = "orange";
}
function change(){
count++;
var obj1 = document.getElementById("dakai");
var obj = document.getElementById("guanbi");
if(count % 2 != 0){
obj.style.display = "none";
obj1.style.display = "block";
}else{
obj1.style.display = "none";
obj.style.display = "block";
}
}
function xianshi(value1,value2){
var obj = document.getElementById(value1);
var buttonType = document.getElementById(value2);
var obj1 = obj.parentNode.childNodes;
var buttonType1 = buttonType.parentNode.childNodes;
var len = obj1.length;
var len1 = buttonType1.length;
for(var i = 0; i < len; i++){
if(obj1[i].nodeType == 1){
obj1[i].className = "book_none";
}
}
obj.className = "book_show";
for(var i = 0; i < len1; i++){
if(buttonType1[i].nodeType == 1 && buttonType1[i].className != 'book_left' && buttonType1[i].className != 'book_right'){
buttonType1[i].className = "book_type";
}
}
buttonType.className = "book_type_out";
}
</script>
</head>
<body>
<div id="header"><iframe src="header.html" height="155px" width="960px" frameborder="0"></iframe></div>
<div id="guanbi">
<img src="./images/dd_scroll.jpg">
<a href="#" onClick="change();">关闭</a>
</div>
<div id="dakai">
<a href="#" onClick="change();">打开</a>
</div>
<!--网站主体内容开始-->
<div id="main">
<div><img src="images/dd_index_top_adver.jpg" alt="通栏广告图片" /></div>
<!--左侧菜单开始-->
<div id="catList">
<!--推荐分类-->
<div>
<div>推荐分类</div>
<div style="border-bottom:0px;">外语 | 中小学教辅 |</div>
</div>
<!--图书商品分类开始-->
<div>
<div><img src="images/dd_book_cate_icon.gif" alt="图书" /> 图书商品分类</div>
<div>[小说]</div>
<div>悬疑 | 言情 | 职场 | 财经</div>
<div>[文艺]</div>
<div>文学 | 传记 | 艺术 | 摄影</div>
<div>[青春]</div>
<div>青春文学 | 动漫 | 幽默</div>
<div>[励志/成功]</div>
<div>修养 | 成功 | 职场 | 沟通</div>
<div>[少儿]</div>
<div>0-2 | 3-6 | 7-10 | 11-14<br />文学 | 科普 | 图画书</div>
<div>[生活]</div>
<div>保健 | 家教 | 美丽装扮 | 育儿 | 美食 | 旅游 | 收藏 | 生活 | 体育 | 地图 | 个人理财</div>
<div>[个人社科]</div>
<div>文化 | 历史 | 哲学/宗教 | 古籍 | 政治/历史 | 法律 | 经济 | 社会科学 | 心理学</div>
<div>[管理]</div>
<div>管理 | 金融 | 营销 | 会计</div>
<div>[科技]</div>
<div>科普 | 建筑 | 医学 | 计算机 | 农林 | 自然科学 | 工业 | 通信</div>
<div>[教育]</div>
<div>教材 | 中小学教辅 | 外语</div>
<div>[工具书]</div>
<div>[图外原版书]</div>
<div>[期刊]</div>
</div>
<!--图书商品分类结束-->
</div>
<!--左侧菜单结束-->
<!--中间部分开始-->
<div id="content">
<!--轮换显示的横幅广告图片-->
<div></div>
<div>
<img src="images/dd_scroll_1.jpg" alt="轮换显示的图片广告" id="dd_scroll" onMouseOver="stop1();" onMouseOut="jixu();" />
<div id="scroll_number">
<ul>
<li id="scroll_number_1" style="background:orange;" onMouseOver="huantu(1);" onMouseOut="huifu(1);" >1</li>
<li id="scroll_number_2" onMouseOver="huantu(2);" onMouseOut="huifu(2);" >2</li>
<li id="scroll_number_3" onMouseOver="huantu(3);" onMouseOut="huifu(3);" >3</li>
<li id="scroll_number_4" onMouseOver="huantu(4);" onMouseOut="huifu(4);" >4</li>
<li id="scroll_number_5" onMouseOver="huantu(5);" onMouseOut="huifu(5);" >5</li>
<li id="scroll_number_6" onMouseOver="huantu(6);" onMouseOut="huifu(6);" >6</li>
</ul>
</div>
</div>
<div></div>
<!--最新上架开始-->
<div>
<div>
<div>最新上架</div>
<!--Tab切换部分：头部-->
<div id="history" onMouseOver="xianshi('book_history','history');" >历史</div>
<div id="family" onMouseOver="xianshi('book_family','family');" >家教</div>
<div id="culture" onMouseOver="xianshi('book_culture','culture');" >文化</div>
<div id="novel" onMouseOver="xianshi('book_novel','novel');" >小说</div>
<div><a href="#">更多>></a></div>
</div>
<div style="height:250px;">
<!--Tab切换部分：内容-->
<!--历史-->
<dl id="book_history">
<dt><img src="images/dd_history_1.jpg" alt="history"/></dt>
<dd><font>《中国时代》（上）</font><br />
作者：师永刚，邹明 主编 <br />
出版社：作家出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥39.00<br />
当当价：￥27.00 </dd>
<dt><img src="images/dd_history_2.jpg" alt="history"/></dt>
<dd><font>中国历史的屈辱</font><br />
作者：王重旭 著 <br />
出版社：华夏出版社 <br />
<font>出版时间：2009年11月</font><br />
定价：￥26.00<br />
当当价：￥18.20 </dd>
<dt><img src="images/dd_history_3.jpg" alt="history"/></dt>
<dd><font>《中国时代》（下）</font><br />
作者：师永刚，邹明 主编 <br />
出版社：作家出版社 <br />
<font> 出版时间：2009年10月</font><br />
定价：￥38.00<br />
当当价：￥26.30 </dd>
<dt><img src="images/dd_history_4.jpg" alt="history"/></dt>
<dd><font>大家国学十六讲</font><br />
作者：张荫麟，吕思勉 著 <br />
出版社：中国友谊出版公司 <br />
<font>出版时间：2009年10月</font><br />
定价：￥19.80<br />
当当价：￥13.70 </dd>
</dl>
<!--家教-->
<dl id="book_family">
<dt><img src="images/dd_family_1.jpg" alt="history"/></dt>
<dd><font>嘿，我知道你</font><br />
作者：兰海 著 <br />
出版社：中国妇女出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.80<br />
当当价：￥17.90 </dd>
<dt><img src="images/dd_family_2.jpg" alt="history"/></dt>
<dd><font>择业要趁早</font><br />
作者：（美）列文<br />
出版社：海天出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥19.30 </dd>
<dt><img src="images/dd_family_3.jpg" alt="history"/></dt>
<dd><font>爷爷奶奶的“孙子兵法”</font><br />
作者：伏建全 编著 <br />
出版社：地震出版社 <br />
<font> 出版时间：2009年8月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
<dt><img src="images/dd_family_4.jpg" alt="history"/></dt>
<dd><font>1分钟读懂孩子心理</font><br />
作者：海韵 著 <br />
出版社：朝华出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
</dl>
<!--文化-->
<dl id="book_culture">
<dt><img src="images/dd_culture_1.jpg" alt="history"/></dt>
<dd><font>嘿，我知道你</font><br />
作者：兰海 著 <br />
出版社：中国妇女出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.80<br />
当当价：￥17.90 </dd>
<dt><img src="images/dd_culture_2.jpg" alt="history"/></dt>
<dd><font>择业要趁早</font><br />
作者：（美）列文 <br />
出版社：海天出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥19.30 </dd>
<dt><img src="images/dd_culture_3.jpg" alt="history"/></dt>
<dd><font>爷爷奶奶的“孙子兵法”</font><br />
作者：伏建全 编著 <br />
出版社：地震出版社 <br />
<font> 出版时间：2009年8月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
<dt><img src="images/dd_culture_4.jpg" alt="history"/></dt>
<dd><font>1分钟读懂孩子心理</font><br />
作者：海韵 著 <br />
出版社：朝华出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
</dl>
<!--小说-->
<dl id="book_novel">
<dt><img src="images/dd_novel_1.jpg" alt="history"/></dt>
<dd><font>嘿，我知道你</font><br />
作者：兰海 著 <br />
出版社：中国妇女出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.80<br />
当当价：￥17.90 </dd>
<dt><img src="images/dd_novel_2.jpg" alt="history"/></dt>
<dd><font>择业要趁早</font><br />
作者：（美）列文 <br />
出版社：海天出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥19.30 </dd>
<dt><img src="images/dd_novel_3.jpg" alt="history"/></dt>
<dd><font>爷爷奶奶的“孙子兵法”</font><br />
作者：伏建全 编著 <br />
出版社：地震出版社 <br />
<font> 出版时间：2009年8月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
<dt><img src="images/dd_novel_4.jpg" alt="history"/></dt>
<dd><font>1分钟读懂孩子心理</font><br />
作者：海韵 著 <br />
出版社：朝华出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
</dl>
</div>
</div>
<!--最新上架结束-->
<!--重点关注-->
<div>
<div>
<div>重点关注</div>
</div>
<div 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="#">郑玉巧育儿经·幼儿卷</a></dd>
<dd><a href="#">蹦蹦和跳跳的故事(全10册)</a></dd>
<dd><a href="#">人体自有大药(让每一个人都能变成...</a></dd>
<dd><a href="#">特效穴位使用手册</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="#">《猫武士系列》（全6册）</a></dd>
<dd><a href="#">求医不如求己养生救命大宝典</a></dd>
<dd><a href="#">雅思词汇词根+联想记忆法</a></dd>
<dd><a href="#">等待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>
<div><img src="images/dd_book_mess.gif" alt="mess" style=" vertical-align:text-bottom;"/>书讯快递<span id="tmpmsg"></span></div>
<div>
<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>
</ul>
</div>
<div id="dome2"></div>
</div>
</div>
<div> <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>
<div>近7日畅销榜 <img src="images/dd_bang.gif" alt="bang" style="vertical-align:top;"/></div>
<div>
<div>
<ul id="book_seven_cate">
<li>动漫</li>
<li>小说</li>
<li>外语</li>
<li>旅游</li>
<li>励志</li>
</ul>
</div>
<div>
<div>
<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>
<!--<dd><img src="images/dd_book_no_09.gif" alt="book"/></dd>
<dd><img src="images/dd_book_no_10.gif" alt="book"/></dd>-->
</dl>
</div>
<div>
<!--励志开始-->
<div id="book_seven_hearten">
<dl>
<dt><img src="images/dd_seven_hearten_01.jpg" alt="hearten" /></dt>
<dd><a href="#">不抱怨的世界</a><br />
作者：（美）鲍温<br />
出版社：陕西师范<br />
出版时间：2009年4月</dd>
<dt><img src="images/dd_seven_hearten_02.jpg" alt="hearten" /></dt>
<dd><a href="#">遇见未知的自己</a><br />
作者：张德芬 <br />
出版社：华夏出版<br />
出版时间：2008年1月</dd>
<dt><img src="images/dd_seven_hearten_03.jpg" alt="hearten" /></dt>
<dd><a href="#">活法</a><br />
作者：（日）稻盛<br />
出版社：东方出版<br />
出版时间：2005年3月</dd>
</dl>
<ul>
<li><a href="#">高效能人士的七个习惯</a></li>
<li><a href="#">被迫强大</a></li>
<li><a href="#">遇见心想事成的自己</a></li>
<li><a href="#">世界上最伟大的推销员</a></li>
<li><a href="#">我的成功可以复制</a></li>
</ul>
</div>
<!--励志结束-->
</div>
</div>
</div>
</div>
</div>
<!--右侧部分结束-->
</div>
<!--网站版权部分开始-->
<div id="footer">
<div><a href="#" target="_parent">公司简介</a> | <a href="#" target="_parent">诚证英才</a> | <a href="#" target="_parent">网站联盟</a> | <a href="#" target="_parent">百货招商</a> | <a href="#" target="_parent">交易条款</a></div>
<iframe src="footer.html" height="50px" width="900px" frameborder="0"></iframe></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<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/layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.floatAd{
position:fixed;
right:90px;
top:60px;
width:100px;
height:133px;
}
.guanbi{
background-color:#FFD6DA;
border:1px #FFD6DA solid;
float:right;
position:absolute;
right:0;
top:0;
}
.kaiguan{
position:fixed;
right:0;
top:0;
display:none;
}
</style>
<script>
window.onload = init;
var count = 0;
var n = 0;
imgChange();
var t1;
function init(){
//open("Ad1.html","","width=500,height=327,menubar=0,toolbar=0,scroll=0");
t1 = setInterval("imgChange();",1000);
}
function imgChange(){
n++;
var img1 = document.getElementById("dd_scroll");
if(n >= 7){
n = 1;
}
setBackground();
img1.src = "images/dd_scroll_"+ n +".jpg";
}
function huantu(num){
stop1();
var img1 = document.getElementById("dd_scroll");
img1.src = "images/dd_scroll_" + num + ".jpg";
n = num;
setBackground();
}
function huifu(){
jixu();
}
function stop1(){
clearInterval(t1);
}
function jixu(){
t1 = setInterval("imgChange();",1000);
}
function setBackground(){
var obj = document.getElementById("dd_scroll");
var newObj = document.getElementById("scroll_number");
var newObj1 = newObj.getElementsByTagName("li");
var len = newObj1.length;
for(var i = 0; i < len; i++){
newObj1[i].style.backgroundColor = "";
}
newObj1[n - 1].style.backgroundColor = "orange";
}
function change(){
count++;
var obj1 = document.getElementById("dakai");
var obj = document.getElementById("guanbi");
if(count % 2 != 0){
obj.style.display = "none";
obj1.style.display = "block";
}else{
obj1.style.display = "none";
obj.style.display = "block";
}
}
function xianshi(value1,value2){
var obj = document.getElementById(value1);
var buttonType = document.getElementById(value2);
var obj1 = obj.parentNode.childNodes;
var buttonType1 = buttonType.parentNode.childNodes;
var len = obj1.length;
var len1 = buttonType1.length;
for(var i = 0; i < len; i++){
if(obj1[i].nodeType == 1){
obj1[i].className = "book_none";
}
}
obj.className = "book_show";
for(var i = 0; i < len1; i++){
if(buttonType1[i].nodeType == 1 && buttonType1[i].className != 'book_left' && buttonType1[i].className != 'book_right'){
buttonType1[i].className = "book_type";
}
}
buttonType.className = "book_type_out";
}
</script>
</head>
<body>
<div id="header"><iframe src="header.html" height="155px" width="960px" frameborder="0"></iframe></div>
<div id="guanbi">
<img src="./images/dd_scroll.jpg">
<a href="#" onClick="change();">关闭</a>
</div>
<div id="dakai">
<a href="#" onClick="change();">打开</a>
</div>
<!--网站主体内容开始-->
<div id="main">
<div><img src="images/dd_index_top_adver.jpg" alt="通栏广告图片" /></div>
<!--左侧菜单开始-->
<div id="catList">
<!--推荐分类-->
<div>
<div>推荐分类</div>
<div style="border-bottom:0px;">外语 | 中小学教辅 |</div>
</div>
<!--图书商品分类开始-->
<div>
<div><img src="images/dd_book_cate_icon.gif" alt="图书" /> 图书商品分类</div>
<div>[小说]</div>
<div>悬疑 | 言情 | 职场 | 财经</div>
<div>[文艺]</div>
<div>文学 | 传记 | 艺术 | 摄影</div>
<div>[青春]</div>
<div>青春文学 | 动漫 | 幽默</div>
<div>[励志/成功]</div>
<div>修养 | 成功 | 职场 | 沟通</div>
<div>[少儿]</div>
<div>0-2 | 3-6 | 7-10 | 11-14<br />文学 | 科普 | 图画书</div>
<div>[生活]</div>
<div>保健 | 家教 | 美丽装扮 | 育儿 | 美食 | 旅游 | 收藏 | 生活 | 体育 | 地图 | 个人理财</div>
<div>[个人社科]</div>
<div>文化 | 历史 | 哲学/宗教 | 古籍 | 政治/历史 | 法律 | 经济 | 社会科学 | 心理学</div>
<div>[管理]</div>
<div>管理 | 金融 | 营销 | 会计</div>
<div>[科技]</div>
<div>科普 | 建筑 | 医学 | 计算机 | 农林 | 自然科学 | 工业 | 通信</div>
<div>[教育]</div>
<div>教材 | 中小学教辅 | 外语</div>
<div>[工具书]</div>
<div>[图外原版书]</div>
<div>[期刊]</div>
</div>
<!--图书商品分类结束-->
</div>
<!--左侧菜单结束-->
<!--中间部分开始-->
<div id="content">
<!--轮换显示的横幅广告图片-->
<div></div>
<div>
<img src="images/dd_scroll_1.jpg" alt="轮换显示的图片广告" id="dd_scroll" onMouseOver="stop1();" onMouseOut="jixu();" />
<div id="scroll_number">
<ul>
<li id="scroll_number_1" style="background:orange;" onMouseOver="huantu(1);" onMouseOut="huifu(1);" >1</li>
<li id="scroll_number_2" onMouseOver="huantu(2);" onMouseOut="huifu(2);" >2</li>
<li id="scroll_number_3" onMouseOver="huantu(3);" onMouseOut="huifu(3);" >3</li>
<li id="scroll_number_4" onMouseOver="huantu(4);" onMouseOut="huifu(4);" >4</li>
<li id="scroll_number_5" onMouseOver="huantu(5);" onMouseOut="huifu(5);" >5</li>
<li id="scroll_number_6" onMouseOver="huantu(6);" onMouseOut="huifu(6);" >6</li>
</ul>
</div>
</div>
<div></div>
<!--最新上架开始-->
<div>
<div>
<div>最新上架</div>
<!--Tab切换部分：头部-->
<div id="history" onMouseOver="xianshi('book_history','history');" >历史</div>
<div id="family" onMouseOver="xianshi('book_family','family');" >家教</div>
<div id="culture" onMouseOver="xianshi('book_culture','culture');" >文化</div>
<div id="novel" onMouseOver="xianshi('book_novel','novel');" >小说</div>
<div><a href="#">更多>></a></div>
</div>
<div style="height:250px;">
<!--Tab切换部分：内容-->
<!--历史-->
<dl id="book_history">
<dt><img src="images/dd_history_1.jpg" alt="history"/></dt>
<dd><font>《中国时代》（上）</font><br />
作者：师永刚，邹明 主编 <br />
出版社：作家出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥39.00<br />
当当价：￥27.00 </dd>
<dt><img src="images/dd_history_2.jpg" alt="history"/></dt>
<dd><font>中国历史的屈辱</font><br />
作者：王重旭 著 <br />
出版社：华夏出版社 <br />
<font>出版时间：2009年11月</font><br />
定价：￥26.00<br />
当当价：￥18.20 </dd>
<dt><img src="images/dd_history_3.jpg" alt="history"/></dt>
<dd><font>《中国时代》（下）</font><br />
作者：师永刚，邹明 主编 <br />
出版社：作家出版社 <br />
<font> 出版时间：2009年10月</font><br />
定价：￥38.00<br />
当当价：￥26.30 </dd>
<dt><img src="images/dd_history_4.jpg" alt="history"/></dt>
<dd><font>大家国学十六讲</font><br />
作者：张荫麟，吕思勉 著 <br />
出版社：中国友谊出版公司 <br />
<font>出版时间：2009年10月</font><br />
定价：￥19.80<br />
当当价：￥13.70 </dd>
</dl>
<!--家教-->
<dl id="book_family">
<dt><img src="images/dd_family_1.jpg" alt="history"/></dt>
<dd><font>嘿，我知道你</font><br />
作者：兰海 著 <br />
出版社：中国妇女出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.80<br />
当当价：￥17.90 </dd>
<dt><img src="images/dd_family_2.jpg" alt="history"/></dt>
<dd><font>择业要趁早</font><br />
作者：（美）列文<br />
出版社：海天出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥19.30 </dd>
<dt><img src="images/dd_family_3.jpg" alt="history"/></dt>
<dd><font>爷爷奶奶的“孙子兵法”</font><br />
作者：伏建全 编著 <br />
出版社：地震出版社 <br />
<font> 出版时间：2009年8月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
<dt><img src="images/dd_family_4.jpg" alt="history"/></dt>
<dd><font>1分钟读懂孩子心理</font><br />
作者：海韵 著 <br />
出版社：朝华出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
</dl>
<!--文化-->
<dl id="book_culture">
<dt><img src="images/dd_culture_1.jpg" alt="history"/></dt>
<dd><font>嘿，我知道你</font><br />
作者：兰海 著 <br />
出版社：中国妇女出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.80<br />
当当价：￥17.90 </dd>
<dt><img src="images/dd_culture_2.jpg" alt="history"/></dt>
<dd><font>择业要趁早</font><br />
作者：（美）列文 <br />
出版社：海天出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥19.30 </dd>
<dt><img src="images/dd_culture_3.jpg" alt="history"/></dt>
<dd><font>爷爷奶奶的“孙子兵法”</font><br />
作者：伏建全 编著 <br />
出版社：地震出版社 <br />
<font> 出版时间：2009年8月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
<dt><img src="images/dd_culture_4.jpg" alt="history"/></dt>
<dd><font>1分钟读懂孩子心理</font><br />
作者：海韵 著 <br />
出版社：朝华出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
</dl>
<!--小说-->
<dl id="book_novel">
<dt><img src="images/dd_novel_1.jpg" alt="history"/></dt>
<dd><font>嘿，我知道你</font><br />
作者：兰海 著 <br />
出版社：中国妇女出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.80<br />
当当价：￥17.90 </dd>
<dt><img src="images/dd_novel_2.jpg" alt="history"/></dt>
<dd><font>择业要趁早</font><br />
作者：（美）列文 <br />
出版社：海天出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥19.30 </dd>
<dt><img src="images/dd_novel_3.jpg" alt="history"/></dt>
<dd><font>爷爷奶奶的“孙子兵法”</font><br />
作者：伏建全 编著 <br />
出版社：地震出版社 <br />
<font> 出版时间：2009年8月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
<dt><img src="images/dd_novel_4.jpg" alt="history"/></dt>
<dd><font>1分钟读懂孩子心理</font><br />
作者：海韵 著 <br />
出版社：朝华出版社 <br />
<font>出版时间：2009年10月</font><br />
定价：￥28.00<br />
当当价：￥17.40 </dd>
</dl>
</div>
</div>
<!--最新上架结束-->
<!--重点关注-->
<div>
<div>
<div>重点关注</div>
</div>
<div 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="#">郑玉巧育儿经·幼儿卷</a></dd>
<dd><a href="#">蹦蹦和跳跳的故事(全10册)</a></dd>
<dd><a href="#">人体自有大药(让每一个人都能变成...</a></dd>
<dd><a href="#">特效穴位使用手册</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="#">《猫武士系列》（全6册）</a></dd>
<dd><a href="#">求医不如求己养生救命大宝典</a></dd>
<dd><a href="#">雅思词汇词根+联想记忆法</a></dd>
<dd><a href="#">等待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>
<div><img src="images/dd_book_mess.gif" alt="mess" style=" vertical-align:text-bottom;"/>书讯快递<span id="tmpmsg"></span></div>
<div>
<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>
</ul>
</div>
<div id="dome2"></div>
</div>
</div>
<div> <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>
<div>近7日畅销榜 <img src="images/dd_bang.gif" alt="bang" style="vertical-align:top;"/></div>
<div>
<div>
<ul id="book_seven_cate">
<li>动漫</li>
<li>小说</li>
<li>外语</li>
<li>旅游</li>
<li>励志</li>
</ul>
</div>
<div>
<div>
<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>
<!--<dd><img src="images/dd_book_no_09.gif" alt="book"/></dd>
<dd><img src="images/dd_book_no_10.gif" alt="book"/></dd>-->
</dl>
</div>
<div>
<!--励志开始-->
<div id="book_seven_hearten">
<dl>
<dt><img src="images/dd_seven_hearten_01.jpg" alt="hearten" /></dt>
<dd><a href="#">不抱怨的世界</a><br />
作者：（美）鲍温<br />
出版社：陕西师范<br />
出版时间：2009年4月</dd>
<dt><img src="images/dd_seven_hearten_02.jpg" alt="hearten" /></dt>
<dd><a href="#">遇见未知的自己</a><br />
作者：张德芬 <br />
出版社：华夏出版<br />
出版时间：2008年1月</dd>
<dt><img src="images/dd_seven_hearten_03.jpg" alt="hearten" /></dt>
<dd><a href="#">活法</a><br />
作者：（日）稻盛<br />
出版社：东方出版<br />
出版时间：2005年3月</dd>
</dl>
<ul>
<li><a href="#">高效能人士的七个习惯</a></li>
<li><a href="#">被迫强大</a></li>
<li><a href="#">遇见心想事成的自己</a></li>
<li><a href="#">世界上最伟大的推销员</a></li>
<li><a href="#">我的成功可以复制</a></li>
</ul>
</div>
<!--励志结束-->
</div>
</div>
</div>
</div>
</div>
<!--右侧部分结束-->
</div>
<!--网站版权部分开始-->
<div id="footer">
<div><a href="#" target="_parent">公司简介</a> | <a href="#" target="_parent">诚证英才</a> | <a href="#" target="_parent">网站联盟</a> | <a href="#" target="_parent">百货招商</a> | <a href="#" target="_parent">交易条款</a></div>
<iframe src="footer.html" height="50px" width="900px" frameborder="0"></iframe></div>
</body>
</html>
for(var i = 0; i < len1; i++){
if(buttonType1[i].nodeType == 1
&& buttonType1[i].className != 'book_left' && buttonType1[i].className != 'book_right'){
buttonType1[i].className = "book_type";
}
}
buttonType.className = "book_type_out";
}