锘?!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
鍏翠笟閾惰娆㈣繋鎮?/title>
<script language="javascript">
function openWin(url,name,widthpar,heightpar){
window.open(url,name,'menubar=no,toolbar=no,location=no,directories=no,status=yes,scrollbars=yes,resizable=yes,width='+widthpar+',height='+heightpar+',top=20,left=40');
}
</script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script src="js/login.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function($){
var $tabMenu=$("div.section div.tbar h4");
$tabMenu.click(function(){
var index = $tabMenu.index(this);
$(".box div.boxTwo")
.eq(index).css({display:"block"})
.siblings().css({display:"none"}) ;
return false
})
})
</script>
<script type="text/javascript">
$(document).ready(function() {
var currentIndex = 0;
var DEMO; //鍑芥暟瀵硅薄
var currentID = 0; //鍙栧緱榧犳爣涓嬫柟鐨勫璞D
var pictureID = 0; //绱㈠紩ID
$("#ifocus_piclist li").eq(0).show(); //榛樿
autoScroll();
$("#ifocus_btn li").hover(function() {
StopScrolll();
$("#ifocus_btn li").removeClass("current")//鎵€鏈夌殑li鍘绘帀褰撳墠鐨勬牱寮忓姞涓婃甯哥殑鏍峰紡
$(this).addClass("current"); //鑰屾湰韬垯鍔犱笂褰撳墠鐨勬牱寮忓幓鎺夋甯哥殑鏍峰紡
currentID = $(this).attr("id"); //鍙栧綋鍓嶅厓绱犵殑ID
pictureID = currentID.substring(currentID.length - 1); //鍙栨渶鍚庝竴涓瓧绗?
$("#ifocus_piclist li").eq(pictureID).fadeIn("slow"); //鏈韩鏄剧ず
$("#ifocus_piclist li").not($("#ifocus_piclist li")[pictureID]).hide(); //闄や簡鑷韩鍒殑鍏ㄩ儴闅愯棌
$("#ifocus_tx li").hide();
$("#ifocus_tx li").eq(pictureID).show();
}, function() {
//褰撻紶鏍囩寮€瀵硅薄鐨勬椂鍊欒幏寰楀綋鍓嶇殑瀵硅薄鐨処D浠ヤ究鑳藉湪鍚姩鑷姩鏃朵笌鍏跺悓姝?
currentID = $(this).attr("id"); //鍙栧綋鍓嶅厓绱犵殑ID
pictureID = currentID.substring(currentID.length - 1); //鍙栨渶鍚庝竴涓瓧绗?
currentIndex = pictureID;
autoScroll();
});
//鑷姩婊氬姩
function autoScroll() {
$("#ifocus_btn li:last").removeClass("current");
$("#ifocus_tx li:last").hide();
$("#ifocus_btn li").eq(currentIndex).addClass("current");
$("#ifocus_btn li").eq(currentIndex - 1).removeClass("current");
$("#ifocus_tx li").eq(currentIndex).show();
$("#ifocus_tx li").eq(currentIndex - 1).hide();
$("#ifocus_piclist li").eq(currentIndex).fadeIn("slow");
$("#ifocus_piclist li").eq(currentIndex - 1).hide();
currentIndex++; currentIndex = currentIndex >= 4 ? 0 : currentIndex;
DEMO = setTimeout(autoScroll, 2000);
}
function StopScrolll()//褰撻紶鏍囩Щ鍔ㄥ埌瀵硅薄涓婇潰鐨勬椂鍊欏仠姝㈣嚜鍔ㄦ粴鍔?
{
clearTimeout(DEMO);
}
load(7,"a1");
load(6,"a2");
load(1,"b1");
load(3,"b2");
load(12,"c1");
load(15,"c2");
function load(sort,blockid)
{
jQuery.ajax({url:"/popular/xml/"+sort+".xml",type:"GET",cache:true,
success:function(x){
var h=new Array();
$("rank",x).each(function(i,o){
if(i==0)
{
h.push('<dl><dd><a href="/popular/book_intro.aspx?id='+$(o).attr("id")+'" ><img src="/bookcover/'+$(o).attr("imgurl")+'ff.jpg" width="100" height="131" alt="" /></a></dd><dt><a href="/popular/book_intro.aspx?id='+$(o).attr("id")+'" >'+$(o).attr("name")+'</a></dt></dl>');
return;
}
});
h.push('<ul class="hotTitle">');
var tmp="";
var tmp2="";
var wzbt=0;
$("row",x).each(function(i,o){
if(i<5)
{
tmp+='<li><a href="/popular/book_intro.aspx?id='+$(o).attr("id")+'" >'+$(o).attr("name")+'</a></li>';
}
if(i>=5&&i<13)
{
tmp2+='<li><img src="/bookcover/'+$(o).attr("imgurl")+'ff.jpg" width="90" height="128" alt="" /><a href="/popular/book_intro.aspx?id='+$(o).attr("id")+'" >'+$(o).attr("name")+'</a></li>';
}
});
h.push(tmp);
h.push('</ul><ul class="magazines">');
h.push(tmp2);
h.push('</ul>');
h.push('<a class="more" href="/popular/sortview.aspx?type='+sort+'">鏇村>></a>');
$("#"+blockid).html(h.join(''));
},
error:function(x,t,e){/*alert(x);alert(t),alert(e);*/}
});
}
});
</script>
<style type="text/css">
img, dd, dl, ul, li, h3, h4, form, fieldset { margin: 0; padding: 0;}
li { list-style: none;}
form, fieldset { border: none;}
a:active, a:visited { outline: none;}
.clear { clear: both;}
#content {margin: 10px 0;}
#mainContent {
float: right;
margin-right: 10px;
width: 770px;
border: 1px solid #ccc;
}
*+html #mainContent { padding-bottom: 10px;}
#sideBar {
margin: 0 10px;
width: 170px;
}
/*-------- =flash ----------*/
#ifocus { margin: 10px auto; width:689px; height:244px;border:1px solid #DEDEDE; background:#F8F8F8;}
#ifocus_pic { display:inline; position:relative;float:left;width:570px; height:225px; overflow:hidden; margin:10px 0 0 10px; }
#ifocus_piclist { position:absolute; }
#ifocus_piclist li { width:570px; height:225px; overflow:hidden; display:none}
#ifocus_piclist img { width:570px; height:225px;}
#ifocus_btn { display:inline; float:right; width:91px; margin:9px 9px 0 0;}
#ifocus_btn li { width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_btn img { width:75px; height:45px; margin:7px 0 0 11px; }
#ifocus_btn .current { background: url(images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv { position:absolute; left:0; bottom:0; width:570px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
#ifocus_tx .normal { display:none; }
/*---------- .section-----------*/
.section {
position: relative;
float: left;
margin: 10px 14px ;
font: 1em/2 瀹嬩綋;
display: inline;
width: 740px;
}
.section .tbar { height: 25px; }
.section h4 {
float: left;
width: 76px;
height: 25px;
background: url(images/h4-right.gif) no-repeat;
}
.section h4.first {
background: url(images/h4-left.gif) no-repeat;
}
.section h4 a {
display: block;
text-align: center;
line-height: 25px;
}
.section .box {
float: left;
border: 1px solid #ccc;
}
*+html .section .box { padding-bottom: 10px;}
.section dl {
float: left;
margin: 56px 0 0;
padding: 0 15px;
display: inline;
width: 120px;
}
.section dl dd {
padding: 10px;
width: 101px;
height: 162px;
background: url(images/pic-bg.jpg) no-repeat;
}
.section dl dt { text-align: center;}
.section dl dt a { color: green;}
ul.hotTitle {
float: left;
margin-top: 70px;
width: 145px;
}
ul.hotTitle li {
margin: 0;
width: 108px;
overflow: hidden;
white-space: nowrap;
padding-left: 25px;
background: url(images/li.jpg) no-repeat left center;
}
ul.hotTitle li a { text-decoration: underline;}
ul.hotTitle li a:hover { text-decoration: none;}
ul.magazines {
float: left;
margin: 10px 0;
padding: 0 0 0 10px;
border-left: 1px solid #ccc;
width: 430px;
}
ul.magazines li {
float: left;
margin-right: 10px;
display: inline;
width: 96px;
}
ul.magazines li a {
display: block;
text-align: center;
text-decoration: underline;
}
ul.magazines li a:hover {
text-decoration: none;
}
.section ul.magazines img {
padding: 2px;
border: 1px solid #ccc;
}
a.more {
position: absolute;
right: 1em;
top: 0;
color: green;
}
.section .second { display: none;}
/*-------- =sideBar ---------*/
#sideBar form {
line-height: 2em;
border: 1px solid #ccc;
}
h3 {
margin-bottom: 9px;
padding-left: 25px;
font: 1.16em/2em 瀹嬩綋;
color: #ff9900;
border-bottom: 1px dotted #ccc;
}
form label {
float: left;
width: 80px;
text-align: right;
}
form p {
clear: both;
line-height: 2em;
}
form input.text {
width: 75px;
height: 1em;
font-size: 1em;
}
form input.btn {
margin-left: 25px;
background: url(images/btn.jpg) no-repeat;
width: 41px;
height: 18px;
border: none;
text-align: center;
}
p#last a {
margin-left: 25px;
}
#nav {
margin: 20px 0;
border: 1px solid #ccc;
}
#nav ul {
margin: 0 20px;
}
#nav ul li {
padding-left: 20px;
background: url(images/li.gif) no-repeat left center;
border-bottom: 1px dotted #ccc;
}
#nav ul li#lastLi { margin-bottom: 15px;}
#nav ul li a {
line-height: 2.4em;
}
#nav ul li a:hover { color: green;}
</style>
</head>
<body>
<div id="wraper">
<div id="cib-header">
<h2 id="logo">鍏翠笟閾惰</h2>
<div id="hd-t">
<span id="hd-tr">路<a href="http://www.cib.com.cn/netbank/en/index.html">English</a> 路<a href="http://www.cib.com.cn/netbank/cn/About_IB/Want_Ad/">璇氳仒鑻辨墠</a> 路<a href="http://www.cib.com.cn/netbank/cn/About_IB/Outlet_Locator.html">钀ヤ笟缃戠偣</a> 路<a href="http://www.cib.com.cn/netbank/cn/page/yy_locator.html" target="_blank">閾堕摱缃戠偣</a> 路<a href="javascript:openWin('http://www.cib.com.cn/netbank/cn/resources/flash/form/LeaveWordBoard.html','',590,550);">瀹㈡埛鐣欒█</a></span>
</div>
<div id="hd-b"><object width="700" height="80"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="http://www.cib.com.cn/netbank/cn/customer/flash/2010/top_banner.swf" name="movie" />
<param value="high" name="quality" />
<embed width="700" height="80" type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
quality="high" src="http://www.cib.com.cn/netbank/cn/customer/flash/2010/top_banner.swf" />
</object></div>
</div>
<div id="cib-nav" class="cf"><ul>
<li><a href="http://www.cib.com.cn/netbank/cn/index.html" class="home">棣栭〉</a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/About_IB/">璁よ瘑鍏翠笟</a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/Investor_Relations/">鎶曡祫鑰呭叧绯?/a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/Sustainable_Finance/">鍙寔缁噾铻?/a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/Personal_Banking/">涓汉閲戣瀺</a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/creditcard.html">淇＄敤鍗?/a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/Corporate_Banking/">浼佷笟閲戣瀺</a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/Institutional_Banking/">鍚屼笟閲戣瀺</a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/fortune.html">閲戣瀺甯傚満</a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/ebank/">鐢靛瓙閾惰</a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/finance.html">璐㈢粡璧勮</a></li>
<li><a href="http://www.cib.com.cn/netbank/cn/merchantCity/index.html">鍟嗗煄</a></li>
</ul></div>
<div id="content">
<div id="mainContent">
<div id="ifocus">
<div id="ifocus_pic">
<div id="ifocus_piclist" style="left:0; top:0;">
<ul>
<li>
<a href="http://www.cib.com.cn/netbank/cn/Preferential_activity/20090929.html"><img src="image/552x174.jpg" alt=""></a></li>
<li>
<a href="http://www.bookan.com.cn/popular/sortview.aspx?type=7"><img src="image/婊氬姩鍥剧墖2鍓湰.gif" alt=""></a></li>
<li>
<a href="http://www.bookan.com.cn/popular/sortview.aspx?type=15"><img src="image/婊氬姩鍥剧墖3鍓湰.gif" alt=""></a></li>
<li>
<a href="http://www.bookan.com.cn/popular/sortview.aspx?type=1"><img src="image/婊氬姩鍥剧墖4鍓湰.gif" alt=""></a></li>
</ul>
</div>
<div id="ifocus_opdiv"></div>
<div id="ifocus_tx">
<ul>
<li class="current"></li>
<li class="normal">鏃跺皻</li>
<li class="normal">鍋ュ悍</li>
<li class="normal">鏃舵斂</li>
</ul>
</div>
</div>
<div id="ifocus_btn">
<ul>
<li class="current" id="p0"><img src="images/center.jpg" alt="" /></li>
<li id="p1"><img src="images/btn_02.jpg" alt="" /></li>
<li id="p2"><img src="images/btn_03.jpg" alt="" /></li>
<li id="p3"><img src="images/btn_04.jpg" alt="" /></li>
</ul>
</div>
</div>
<div class="section">
<div class="tbar">
<h4 class="first"><a href="javascript:void(0)">鏃跺皻</a></h4>
<h4><a href="javascript:void(0)">濂虫€?/a></h4>
</div>
<div class="box">
<div class="boxTwo" id="a1">
</div>
<div class="boxTwo second" id="a2">
</div>
</div>
</div>
<div class="section">
<div class="tbar">
<h4 class="first"><a href="javascript:void(0);">鏃舵斂</a></h4>
<h4><a href="javascript:void(0);">璐㈢粡</a></h4>
</div>
<div class="box">
<div class="boxTwo" id="b1">
</div>
<div class="boxTwo second" id="b2">
</div>
</div>
</div>
<div class="section">
<div class="tbar">
<h4 class="first"><a href="javascript:void(0);">鏂囨憳</a></h4>
<h4><a href="javascript:void(0);">鍋ュ悍</a></h4>
</div>
<div class="box">
<div class="boxTwo" id="c1">
</div>
<div class="boxTwo second" id="c2">
</div>
</div>
</div>
</div>
<div id="sideBar">
<form action="">
<fieldset>
<h3>鐢ㄦ埛鐧诲綍</h3>
<p>
<label for="author">鐢ㄦ埛鍚?鍗″彿锛?/label>
<input class="text" id="author" type="text"/>
</p>
<p>
<label for="password">瀵嗙爜锛?/label>
<input class="text" id="password" type="password"/>
</p>
<p>
<input class="btn" value="鐧诲綍" type="submit" />
<input class="btn" value="娉ㄥ唽" type="submit" />
</p>
<p id="last"><a href="">鍗＄粦瀹?/a><a href="">鏀粯涓績</a></p>
</fieldset>
</form>
<div id="nav">
<h3>鏉傚織鍒嗙被</h3>
<ul>
<li>
<a href="/popular/sortview.aspx?type=1">鏃舵斂鏂伴椈</a></li>
<li>
<a href="/popular/sortview.aspx?type=12">鏂囧鏂囨憳</a></li>
<li>
<a href="/popular/sortview.aspx?type=3">璐㈢粡绠＄悊</a></li>
<li>
<a href="/popular/sortview.aspx?type=9">缃戠粶鏁扮爜</a></li>
<li>
<a href="/popular/sortview.aspx?type=10">姹借溅鍐涗簨</a></li>
<li>
<a href="/popular/sortview.aspx?type=14">浣撹偛鍏荤敓</a></li>
<li>
<a href="/popular/sortview.aspx?type=11">鏂囧寲绉戞櫘</a></li>
<li>
<a href="/popular/sortview.aspx?type=15">鍋ュ悍鍗敓</a></li>
<li>
<a href="/popular/sortview.aspx?type=19">绀剧缁煎悎</a></li>
<li>
<a href="/popular/sortview.aspx?type=17">鍐滄潙鍐滀笟</a></li>
<li>
<a href="/popular/sortview.aspx?type=7">鏃跺皻濞变箰</a></li>
<li>
<a href="/popular/sortview.aspx?type=6">濂虫€у搴?/a></li>
<li>
<a href="/popular/sortview.aspx?type=4">钀ラ攢鍒涗笟</a></li>
<li>
<a href="/popular/sortview.aspx?type=5">閲戣瀺鐞嗚储</a></li>
<li>
<a href="/popular/sortview.aspx?type=8">鑹烘湳鍝佸懗</a></li>
<li>
<a href="/popular/sortview.aspx?type=13">鏃呮父姘戜織</a></li>
<li>
<a href="/popular/sortview.aspx?type=2">琛屼笟鍦版柟</a></li>
<li>
<a href="/popular/sortview.aspx?type=16">鍖诲鍖昏嵂</a></li>
<li>
<a href="/popular/sortview.aspx?type=18">绉戞妧瀛︽湳</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div id="cib-footer">
<p><a href="http://www.cib.com.cn/netbank/cn/About_IB/Press_Release/20060711_01.html" class="foo-a">瀹夊叏璇存槑</a> 路<a href="http://www.cib.com.cn/netbank/cn/siteNav/Friendship_Link.html" class="foo-a">鍙嬫儏閾炬帴</a> 路<a href="http://www.cib.com.cn/netbank/cn/merchantCity/index.html" class="foo-a">缃戜笂鍟嗗煄</a> 路<a href="http://www.cib.com.cn/netbank/cn/siteNav/siteNav.html" class="foo-a">绔欑偣瀵艰埅</a> 路<a href="javascript:window.external.AddFavorite('http://www.cib.com.cn/','鍏翠笟閾惰')" class="foo-a">鍔犲叆鏀惰棌</a></p>
<p>鍏翠笟閾惰鐗堟潈鎵€鏈?nbsp; <a href="#" onclick='Javascript:window.open("http://www.miibeian.gov.cn/")' class="foo-b">闂絀CP澶?em>05017231</em>鍙?/a></p>
<p class="spa">鍦板潃锛氱寤虹渷绂忓窞甯傛箹涓滆矾<em>154</em>鍙?nbsp; 鍏ㄥ浗缁熶竴瀹㈡埛鏈嶅姟鐑嚎锛?em>95561</em></p>
</div>
<div style="display:none"><script language="javascript" type="text/javascript" src="http://js.users.51.la/2914873.js"></script><noscript><a href="http://www.51.la/?2914873" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/2914873.asp" style="border:none" /></a></noscript></div>
</div>
</body>