用数组实现滑动门效果
最近看到网站上有好多这样的效果，好几个栏目共用一个区域，把鼠标移到栏目的那几个字上面，下面自动显示相关栏目的内容。这是怎么实现的呢，我就自学了一下，是DIV+CSS实现的，并不难，
SDmodel.sd(["m01","m02"],["c01","c02"],"sd01","sd02");/mo1是栏目的调用，c01是内容的调用*/
SDmodel.sd(["mm01","mm02"],["cc01","cc02"],"sd01","sd02");
SDmodel.sd(["mmm01","mmm02"],["ccc01","ccc02"],"sd01","sd02");
SDmodel.sd(["mmmm01","mmmm02"],["cccc01","cccc02"],"sd01","sd02");
下面是源代码:
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=gbk">
<META content="资讯中心" name=keywords>
<META content="资讯中心" name=description>
<title></title>
<!-reload-!>
<script type=text/javascript>
function fontZoom(size)
{
document.getElementById('con').style.fontSize=size+'px';
}
</script>
</head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<link href="../../templates/default/images/style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.cc {
width: 295px;
overflow:hidden;
text-overflow:ellipsis;
cursor: auto;
color: #999999;
text-decoration: none;
}
-->
body{margin:0px;padding:0px;font-size:12px;background:#eee;line-height:0px;}
.bodyer{width:295px;margin:0px auto auto;border:0px dotted #ccc;background:#fff;}
.t_rt{text-align:right;}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin:0px;padding:0px;font-size:12px;}
ul,li{margin:0px;padding:0px;}
li{list-style-type:none;}
h1{margin:10px;padding-right:10px;padding-bottom:5px;border-bottom:1px dotted #ccc;}
.preview{margin:0px;padding:0px;overflow:hidden;background:#eee;}
.cont{padding:0px;}
.cls{clear:both;}
.hidden{display:none;}
#sourse{border:1px dotted #ccc;width:590px;height:300px;margin:0px auto;}
.textDiv{margin:10px 40px 10px;text-align:center;}
h2{margin:0px 10px;background:#ccc;padding:5px;}
.example{margin:10px;background:#FFF;border:1px dotted #ccc;padding:10px;}
.scrolldoorFrame{width:295px;margin:0px auto;overflow:hidden;}
.scrollUl{width:295px;border-bottom:0px solid #CCC;overflow:hidden;height:25px;background-image: url(../../templates/default/images/lefttitle1.gif);color:#FFFFFF;}
.scrollUl li{float:left;}
.bor03{border:0px solid #ccc;border-top-width:0px;}
.sd01{cursor:pointer;border:1px solid #CCC;margin:5px;padding:2px;font-weight:bold;font-style:white;}
.sd02{cursor:pointer;border:0px solid #CCC;margin:5px;padding:2px;}
-->
</style>
<script type="text/javascript">
function scrollDoor(){
}
scrollDoor.prototype = {
sd : function(menus,divs,openClass,closeClass){
var _this = this;
if(menus.length != divs.length)
{
alert("菜单层数量和内容层数量不一样!");
return false;
}
for(var i = 0 ; i < menus.length ; i++)
{
_this.$(menus[i]).value = i;
_this.$(menus[i]).onmouseover = function(){
for(var j = 0 ; j < menus.length ; j++)
{
_this.$(menus[j]).className = closeClass;
_this.$(divs[j]).style.display = "none";
}
_this.$(menus[this.value]).className = openClass;
_this.$(divs[this.value]).style.display = "block";
}
}
},
$ : function(oid){
if(typeof(oid) == "string")
return document.getElementById(oid);
return oid;
}
}
window.onload = function(){
var SDmodel = new scrollDoor();
SDmodel.sd(["m01","m02"],["c01","c02"],"sd01","sd02");
SDmodel.sd(["mm01","mm02"],["cc01","cc02"],"sd01","sd02");
SDmodel.sd(["mmm01","mmm02"],["ccc01","ccc02"],"sd01","sd02");
SDmodel.sd(["mmmm01","mmmm02"],["cccc01","cccc02"],"sd01","sd02");
}
</script>
<table width="1000" border="0" cellspacing="0" cellpadding="0" height="90" align="center" bgcolor="#FFFFFF" background="../../templates/default/images/topbg.gif" >
<tr>
<td align="center" width="150"><img src=../../advs/1214830927.jpg width=255 height=76 border=0></td>
<td align="right" valign="bottom" >
<table width="95%" border="0" cellspacing="0" cellpadding="0" height="90" >
<tr>
<td align="right"><img src="../../templates/default/images/43.gif" width="13" height="13"> <font style="cursor:hand" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://35315.cn/wsctm/');">设为首页</font> <img src="../../templates/default/images/43.gif" width="13" height="13"> <font style="cursor:hand" onClick="window.external.addFavorite('http://35315.cn/wsctm/','朝天门市场网-重庆朝天门批发市场-网上朝天门-朝天门大市场')">加入收藏</font> </td>
</tr>
<tr>
<td height="29">
<table border=0 cellspacing=0 cellpadding=0 height=28>
<tr>
<td align='center' style=" background:url(../../templates/default/images/menu_l.gif) left top no-repeat;">
<div class="menu" style="width:100%;height:100%;background:url(../../templates/default/images/menu_r.gif) right top no-repeat;">
<a href="../../index.php" class=menu target="_self">首页</a>
</div>
</td>
<td width=5></td>
<td align='center' style=" background:url(../../templates/default/images/menu_l.gif) left top no-repeat;">
<div class="menu" style="width:100%;height:100%;background:url(../../templates/default/images/menu_r.gif) right top no-repeat;">
<a href="../../company/main/index.php" class=menu target="_self">公 司 库</a>
</div>
</td>
<td width=5></td>
<td align='center' style=" background:url(../../templates/default/images/menu_l.gif) left top no-repeat;">
<div class="menu" style="width:100%;height:100%;background:url(../../templates/default/images/menu_r.gif) right top no-repeat;">
<a href="../../sell/main/index.php" class=menu target="_self">供应信息</a>
</div>
</td>
<td width=5></td>
<td align='center' style=" background:url(../../templates/default/images/menu_l.gif) left top no-repeat;">
<div class="menu" style="width:100%;height:100%;background:url(../../templates/default/images/menu_r.gif) right top no-repeat;">
<a href="../../buy/main/index.php" class=menu target="_self">求购信息</a>
</div>
</td>
<td width=5></td>
<td align='center' style=" background:url(../../templates/default/images/menu_l.gif) left top no-repeat;">
<div class="menu" style="width:100%;height:100%;background:url(../../templates/default/images/menu_r.gif) right top no-repeat;">
<a href="../../products/main/index.php" class=menu target="_self">产品展厅</a>
</div>
</td>
<td width=5></td>
<td align='center' style=" background:url(../../templates/default/images/menunow_l.gif) left top no-repeat;">
<div class="menunow" style="width:100%;height:100%;background:url(../../templates/default/images/menunow_r.gif) right top no-repeat;">
<a href="../../news/main/index.php" class=menunow target="_self">资讯中心</a></div>
</td>
<td width=5></td>
<td align='center' style=" background:url(../../templates/default/images/menu_l.gif) left top no-repeat;">
<div class="menu" style="width:100%;height:100%;background:url(../../templates/default/images/menu_r.gif) right top no-repeat;">
<a href="../../member.php" class=menu target="_self">会员中心</a>
</div>
</td>
<td width=5></td>
<td align='center' style=" background:url(../../templates/default/images/menu_l.gif) left top no-repeat;">
<div class="menu" style="width:100%;height:100%;background:url(../../templates/default/images/menu_r.gif) right top no-repeat;">
<a href="../../page/lcdh2/index.php" class=menu target="_self">楼层导航</a>
</div>
</td>
<td width=5></td>
<td align='center' style=" background:url(../../templates/default/images/menu_l.gif) left top no-repeat;">
<div class="menu" style="width:100%;height:100%;background:url(../../templates/default/images/menu_r.gif) right top no-repeat;">
<a href="http://35315.cn/zxqylt/" class=menu target="_self">以商会友</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellspacing=0 cellpadding=0 width="1000" border=0 align="center" height="25" background="../../templates/default/images/smenubg.gif">
<tr>
<td width="180" align="center"> </td>
<td>
<table border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width=1><img src="../../templates/default/images/split.gif" width="1" height="12"></td>
<td class="smenu" style="padding-left:8px;padding-right:8px;" align=center nowrap >
<a href="../../news/class/?1.html" class="smenu" target="_self">朝天门新闻</a>
</td>
<td width=1><img src="../../templates/default/images/split.gif" width="1" height="12"></td>
<td class="smenu" style="padding-left:8px;padding-right:8px;" align=center nowrap >
<a href="../../news/class/?2.html" class="smenu" target="_self">行情快报</a>
</td>
<td width=1><img src="../../templates/default/images/split.gif" width="1" height="12"></td>
<td class="smenu" style="padding-left:8px;padding-right:8px;" align=center nowrap >
<a href="../../news/class/?3.html" class="smenu" target="_self">行业资讯</a>
</td>
<td width=1><img src="../../templates/default/images/split.gif" width="1" height="12"></td>
<td class="smenu" style="padding-left:8px;padding-right:8px;" align=center nowrap >
<a href="../../news/class/?4.html" class="smenu" target="_self">经营实务</a>
</td>
<td width=1><img src="../../templates/default/images/split.gif" width="1" height="12"></td>
<td class="smenu" style="padding-left:8px;padding-right:8px;" align=center nowrap >
<a href="../../news/class/?5.html" class="smenu" target="_self">成功故事</a>
</td>
<td width=1><img src="../../templates/default/images/split.gif" width="1" height="12"></td>
<td class="smenu" style="padding-left:8px;padding-right:8px;" align=center nowrap >
<a href="../../news/class/?6.html" class="smenu" target="_self">诚信专栏</a>
</td>
<td width=1><img src="../../templates/default/images/split.gif" width="1" height="12"></td>
</table>
</td>
</tr>
</table>
<table width="1000" border="0" cellspacing="1" cellpadding="0" align="center" background="../../templates/default/images/centerbg.gif" >
<tr>
<td align="center"><IMG src="../../pic/gif/1215255320.jpg"></td>
</tr>
</table>
<table width="1000" border="0" cellspacing="0" cellpadding="0" height="200" background="../../templates/default/images/centerbg.gif" align="center">
<tr>
<td width=260 height=186 valign=top background=../../templates/default/images/leftbg.gif>
<table width="260" height="3" border="0" cellpadding="1" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table height=25 cellspacing=0 cellpadding=0 width=100% background=../../templates/default/images/lefttitle1.gif border=0>
<tr>
<td><table width=90% border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td><font color="#FFFFFF"><b> 热门排行榜</b></font></td>
<td width="50" align="right"> </td>
</tr>
</table></td>
</tr>
</table>
<table height=120 cellspacing=1 cellpadding=3 width="100%" align=center border=0 class=table>
<tr>
<td valign=top>
<ul>
<li class="fang"><a href="../../news/html/?97.html" class="tList" target="_self" >朝天门市场网试运行第一天访问量高达</a> <font class="tList1" >[7/9]</font></li>
<li class="fang"><a href="../../news/html/?98.html" class="tList" target="_self" >朝天门市场网客服人员与客户的聊天记</a> <font class="tList1" >[7/9]</font></li>
<li class="fang"><a href="../../news/html/?92.html" class="tList" target="_self" >解放碑新建7栋摩天楼将围成“西部华</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?55.html" class="tList" target="_self" >中国重庆国际服装节将于九月开幕</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?68.html" class="tList" target="_self" >中考联招“录取分”三天涨20分 择</a> <font class="tList1" >[7/4]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?0.html&showhot=1" class="more"></a></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="260" height="3" border="0" cellpadding="1" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table height=25 cellspacing=0 cellpadding=0 width=100% background=../../templates/default/images/lefttitle1.gif border=0>
<tr>
<td><table width=90% border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td><font color="#FFFFFF"><b>最新文章</b></font></td>
<td width="60" align="right"> </td>
</tr>
</table></td>
</tr>
</table>
<table height=120 cellspacing=1 cellpadding=3 width="100%" align=center border=0 class=table>
<tr>
<td valign=top>
<ul>
<li class="fang"><a href="../../news/html/?98.html" class="tList" target="_self" >朝天门市场网客服人员与客户的聊天记</a> <font class="tList1" >[7/9]</font></li>
<li class="fang"><a href="../../news/html/?97.html" class="tList" target="_self" >朝天门市场网试运行第一天访问量高达</a> <font class="tList1" >[7/9]</font></li>
<li class="fang"><a href="../../news/html/?96.html" class="tList" target="_self" >外汇巨头的谋略</a> <font class="tList1" >[7/5]</font></li>
<li class="fang"><a href="../../news/html/?95.html" class="tList" target="_self" >国际集装箱的发送与交接简介</a> <font class="tList1" >[7/5]</font></li>
<li class="fang"><a href="../../news/html/?94.html" class="tList" target="_self" >商业楼遮挡观江视线 黄奇帆批示削减</a> <font class="tList1" >[7/4]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?0.html" class="more"></a></td>
</tr>
</table>
</td>
</tr>
</table>
<table height=25 cellspacing=0 cellpadding=0 width=100% background=../../templates/default/images/lefttitle1.gif border=0>
<tr>
<td><table width=90% border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td><font color="#FFFFFF"><b> 成功故事</b></font></td>
<td width="60" align="right"> </td>
</tr>
</table></td>
</tr>
</table>
<table height=120 cellspacing=1 cellpadding=3 width="100%" align=center border=0 class=table>
<tr>
<td valign=top>
<ul>
<li class="fang"><a href="../../news/html/?22.html" class="tList" target="_self" >农民网上卖石头</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?21.html" class="tList" target="_self" >只靠一部电话－造就一批百万富翁</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?20.html" class="tList" target="_self" >重庆女泥巴中寻商机净赚60万</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?19.html" class="tList" target="_self" >优秀加盟商故事</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?18.html" class="tList" target="_self" >成功搭上了电子商务的快车—重庆万家</a> <font class="tList1" >[7/2]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?5.html" class="more">更多</a></td>
</tr>
</table>
</td>
</tr>
</table>
<table height=25 cellspacing=0 cellpadding=0 width=100% background=../../templates/default/images/lefttitle1.gif border=0>
<tr>
<td><table width=90% border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td><font color="#FFFFFF"><b> 诚信专栏</b></font></td>
<td width="60" align="right"> </td>
</tr>
</table></td>
</tr>
</table>
<table height=120 cellspacing=0 cellpadding=0 width="100%" align=center border=0 class=table>
<tr>
<td valign=top>
<ul>
<li class="fang"><a href="../../news/html/?35.html" class="tList" target="_self" >"狗不理"在日</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?34.html" class="tList" target="_self" >新老房主争领10万遮光补偿款</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?33.html" class="tList" target="_self" >取款机吞钱20天才能返款 顾客投诉</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?32.html" class="tList" target="_self" >跨国爱情骗子自称科学家 骗苦十多名</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?31.html" class="tList" target="_self" >别被“利”欲冲昏了头脑</a> <font class="tList1" >[7/2]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?6.html" class="more">更多</a></td>
</tr>
</table>
</td>
</tr>
</table></td>
<td width="5" valign="top"></td>
<td valign="top">
<table width="737" border="0">
<tr>
<td width="600" valign="top"><table width="84%" align="centre" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" valign="top">
<div class="preview">
<div class="scrolldoorFrame">
<ul class="scrollUl" >
<li class="sd01" id="mmm01">最新动态</li>
<li class="sd02" id="mmm02">朝天门新闻</li>
</ul>
<div class="bor03 cont">
<div id="ccc01">
<span class=cc><nobr>
<ul>
<li class="fang"><a href="../../news/html/?98.html" class="tList" target="_self" >朝天门市场网客服人员与客户的聊天记录！</a> <font class="tList1" >[2008.7.9]</font></li>
<li class="fang"><a href="../../news/html/?97.html" class="tList" target="_self" >朝天门市场网试运行第一天访问量高达69人！</a> <font class="tList1" >[2008.7.9]</font></li>
<li class="fang"><a href="../../news/html/?96.html" class="tList" target="_self" >外汇巨头的谋略</a> <font class="tList1" >[2008.7.5]</font></li>
<li class="fang"><a href="../../news/html/?95.html" class="tList" target="_self" >国际集装箱的发送与交接简介</a> <font class="tList1" >[2008.7.5]</font></li>
<li class="fang"><a href="../../news/html/?94.html" class="tList" target="_self" >商业楼遮挡观江视线 黄奇帆批示削减4层(图)</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?92.html" class="tList" target="_self" >解放碑新建7栋摩天楼将围成“西部华尔街”(图)</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?91.html" class="tList" target="_self" >中国商业房地产开发流程分析</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?90.html" class="tList" target="_self" >国外主题购物中心经典案例解读</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?89.html" class="tList" target="_self" >嘉德商用：扩张后的本土化调整</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?88.html" class="tList" target="_self" >客源无几 地铁商业因何没有预期繁华</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?87.html" class="tList" target="_self" >与沃尔玛为邻不是幸运，是厄运</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?86.html" class="tList" target="_self" >投资商铺要牢记：“商”与“铺”缺一不可</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?85.html" class="tList" target="_self" >如何投资二手商铺 专家箴言宁可错过不可错抓</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?84.html" class="tList" target="_self" >商业地产遭遇人才“黑洞”</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?83.html" class="tList" target="_self" >商业运营管理在中国面临的四个挑战</a> <font class="tList1" >[2008.7.4]</font></li>
<li class="fang"><a href="../../news/html/?82.html" class="tList" target="_self" >抚顺石化履行社会责任下实功夫 </a> <font class="tList1" >[2008.7.4]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?0.html" class="more"></a></td>
</tr>
</table>
</nobr></span></div>
<div id="ccc02" class="hidden">
<span class=cc><nobr>
<ul>
<li class="fang"><a href="../../news/html/?98.html" class="tList" target="_self" >朝天门市场网客服人员与客户的聊天记录！</a> <font class="tList1" >[7/9]</font></li>
<li class="fang"><a href="../../news/html/?97.html" class="tList" target="_self" >朝天门市场网试运行第一天访问量高达69人！</a> <font class="tList1" >[7/9]</font></li>
<li class="fang"><a href="../../news/html/?92.html" class="tList" target="_self" >解放碑新建7栋摩天楼将围成“西部华尔街”(图)</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?69.html" class="tList" target="_self" >出租车车身贴启事 孝子开车满城找母亲</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?68.html" class="tList" target="_self" >中考联招“录取分”三天涨20分 择校费涨6000</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?67.html" class="tList" target="_self" >书记市长邀全国民企入渝 上百民企265亿投重庆</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?66.html" class="tList" target="_self" >视障女误入公路护栏缺口摔死 交通局负责</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?65.html" class="tList" target="_self" >渝中今年起大拆危 明年近四万居民要搬新家</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?64.html" class="tList" target="_self" >永川男子只有小学文化 设计病毒网上叫卖</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?63.html" class="tList" target="_self" >鱼洞夫妻神秘亡 邻居称夫先杀妻再自杀</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?62.html" class="tList" target="_self" >“南坪像村姑”成热帖 政府网友圆桌对话</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?55.html" class="tList" target="_self" >中国重庆国际服装节将于九月开幕</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?54.html" class="tList" target="_self" >重庆的滨江资源被严重“透支”</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?53.html" class="tList" target="_self" >重庆“泽渝”二期4座中型水库通过长江水利委员会审核</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?52.html" class="tList" target="_self" >重庆新人结婚平均花10万 八成费用由男方买单</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?51.html" class="tList" target="_self" >红岩大爱闪耀地震灾区 隽永篇章颂扬川渝一家</a> <font class="tList1" >[7/2]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?1.html" class="more"></a></td>
</tr>
</table>
</nobr></span> </div>
</div>
</div>
</div> </td>
<td>
<div class="bodyer">
<div class="preview">
<div class="scrolldoorFrame">
<ul class="scrollUl">
<li class="sd01" id="mmmm01">行情快报</li>
<li class="sd02" id="mmmm02">经营实务</li>
</ul>
<div class="bor03 cont">
<div id="cccc01"> <span class=cc><nobr>
<ul>
<li class="fang"><a href="../../news/html/?94.html" class="tList" target="_self" >商业楼遮挡观江视线 黄奇帆批示削减4层(图)</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?75.html" class="tList" target="_self" >“抗击”原材料飞涨 宗申9亿进军越南挖矿</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?74.html" class="tList" target="_self" >中高层收入者购房需求大 高端物业跑赢大盘</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?73.html" class="tList" target="_self" >渝利铁路10月开工 重庆到上海只需8小时</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?72.html" class="tList" target="_self" >重庆动工建6铁路 拟建铁路连郑州10小时抵北京</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?71.html" class="tList" target="_self" >乘客单位报账被指用假车票 牵出百万元大案</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?70.html" class="tList" target="_self" >餐饮业上演“无间道” 间谍抄菜谱说客挖墙脚</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?61.html" class="tList" target="_self" >盗版福娃朝天门摆起卖 利润太高商家青睐</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?60.html" class="tList" target="_self" >新燃料遭遇标准困局 纯正液化气几乎没有</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?59.html" class="tList" target="_self" >小松鼠壁挂炉最新价格-重庆壁挂炉报价</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?58.html" class="tList" target="_self" >销量全线飘红-重庆换气扇最新价格行情快报</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?57.html" class="tList" target="_self" >破解私营企业贷款难题 重庆民企首倡反哺机制</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?56.html" class="tList" target="_self" >开发商房卖不出 自当房东遭遇贷款抵制</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?37.html" class="tList" target="_self" >5倍光变 尼康810万像新兵P60到</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?36.html" class="tList" target="_self" >纤薄靓丽相机 富士J10新款不贵</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?17.html" class="tList" target="_self" >灵巧轻便 诺基亚入门直板机5000售960</a> <font class="tList1" >[7/2]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?2.html" class="more"></a></td>
</tr>
</table>
</nobr></span> </div>
<div id="cccc02" class="hidden"><span class=cc><nobr>
<ul>
<li class="fang"><a href="../../news/html/?96.html" class="tList" target="_self" >外汇巨头的谋略</a> <font class="tList1" >[7/5]</font></li>
<li class="fang"><a href="../../news/html/?95.html" class="tList" target="_self" >国际集装箱的发送与交接简介</a> <font class="tList1" >[7/5]</font></li>
<li class="fang"><a href="../../news/html/?91.html" class="tList" target="_self" >中国商业房地产开发流程分析</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?90.html" class="tList" target="_self" >国外主题购物中心经典案例解读</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?89.html" class="tList" target="_self" >嘉德商用：扩张后的本土化调整</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?88.html" class="tList" target="_self" >客源无几 地铁商业因何没有预期繁华</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?87.html" class="tList" target="_self" >与沃尔玛为邻不是幸运，是厄运</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?86.html" class="tList" target="_self" >投资商铺要牢记：“商”与“铺”缺一不可</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?85.html" class="tList" target="_self" >如何投资二手商铺 专家箴言宁可错过不可错抓</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?84.html" class="tList" target="_self" >商业地产遭遇人才“黑洞”</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?83.html" class="tList" target="_self" >商业运营管理在中国面临的四个挑战</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?28.html" class="tList" target="_self" >商业地产开发经验 为什么影院总在购物中心最高楼</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?27.html" class="tList" target="_self" >看购物中心如何获取更大利润：40%收入竟然来自广告</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?26.html" class="tList" target="_self" >150天完成招商 探秘西单大悦城火速开业之“谜”</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?25.html" class="tList" target="_self" >购物中心的水平人流设计</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?24.html" class="tList" target="_self" >租铺买铺，孰优孰劣？</a> <font class="tList1" >[7/2]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?4.html" class="more"></a></td>
</tr>
</table>
</nobr></span> </div>
</div>
</div>
</div>
</div> </td>
</tr>
</table></td>
<td width="127" valign="top">
<table height=25 align="center" cellspacing=0 cellpadding=0 width=100% background=../../templates/default/images/lefttitle1.gif border=0>
<tr>
<td><table width="125" border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td align="center" width="125"><font color="#FFFFFF"><b>图片新闻</b></font></td>
</tr>
</table></td>
</tr>
</table>
<table cellspacing=0 cellpadding=0 width=100% border=0>
<tr>
<td>
<table width="125" height="4" border="0" cellpadding="1" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width=100% border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td align="left" valign="top" style="padding:5px">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td align=center class="piclist">
<div class="piclist"><a href="../../news/html/?94.html" target="_self" ><img src="../../news/html/images/1215161065.jpg" width='120' height='80' border="0"></a></div>
<div class="pictitle"><a href="../../news/html/?94.html" class="pictitle" target="_self">商业楼遮挡观江视线 </a></div>
</td>
</tr>
<td align=center class="piclist">
<div class="piclist"><a href="../../news/html/?92.html" target="_self" ><img src="../../news/html/images/1215160704.jpg" width='120' height='80' border="0"></a></div>
<div class="pictitle"><a href="../../news/html/?92.html" class="pictitle" target="_self">解放碑新建7栋摩天楼</a></div>
</td>
</tr>
<td align=center class="piclist">
<div class="piclist"><a href="../../news/html/?48.html" target="_self" ><img src="../../news/html/images/1214968786.jpg" width='120' height='80' border="0"></a></div>
<div class="pictitle"><a href="../../news/html/?48.html" class="pictitle" target="_self">重庆渝中区公共场所全</a></div>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?0.html" class="more"></a></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" valign="top" ><a href=http://www.wsctm.com/login.php target=_self><img src=../../advs/1215226137.gif width=730 height=100 border=0></a> </td></tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="82%"><table width="599" valign="top" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50%">
<div class="preview">
<div class="scrolldoorFrame">
<ul class="scrollUl">
<li class="sd01" id="mm01">行业资讯/机械</li>
<li class="sd02" id="mm02">行业资讯/化工</li>
</ul>
<div class="bor03 cont">
<div id="cc01">
<span class=cc><nobr>
<ul>
<li class="fang"><a href="../../news/html/?78.html" class="tList" target="_self" >全国电费涨价 重庆物价局已上报调价方案</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?77.html" class="tList" target="_self" >主城出租车领燃油补贴 每车每月最高1552.5元</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?76.html" class="tList" target="_self" >重庆设全国首个内陆保税区 进口汽车有望降价</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?41.html" class="tList" target="_self" >开封“大型空分及化工设备制造项目”开始实施</a> <font class="tList1" >[7/2]</font></li>
<li class="fang"><a href="../../news/html/?40.html" class="tList" target="_self" >重庆隆鑫钢材市场</a> <font class="tList1" >[7/2]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?7.html" class="more"></a></td>
</tr>
</table>
</nobr></span>
</div>
<div id="cc02" class="hidden">
<span class=cc><nobr>
<ul>
<li class="fang"><a href="../../news/html/?82.html" class="tList" target="_self" >抚顺石化履行社会责任下实功夫 </a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?81.html" class="tList" target="_self" >独山子石化清洗油罐技术进入全国先进行列 </a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?80.html" class="tList" target="_self" >国际油价上涨 广石化八个多月零利润</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?79.html" class="tList" target="_self" >新希望化工有望借壳上市</a> <font class="tList1" >[7/4]</font></li>
<li class="fang"><a href="../../news/html/?45.html" class="tList" target="_self" >奥运禁运前TDI不升反降有隐忧</a> <font class="tList1" >[7/2]</font></li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../news/class/?8.html" class="more"></a></td>
</tr>
</table>
</nobr></span>
</div>
</div>
</div>
</div>
</td>
<td width="50%">
<div class="bodyer">
<div class="preview">
<div class="scrolldoorFrame">
<ul class="scrollUl">
<li class="sd01" id="m01">求购信息</li>
<li class="sd02" id="m02">供应信息</li>
</ul>
<div class="bor03 cont">
<div id="c01">
<span class=cc><nobr>
<ul>
<li class="fang"><a href="../../com/100039/buy/html/?43.html" class="tList" target="_self" >合作</a>
<li class="fang"><a href="../../com/100029/buy/html/?32.html" class="tList" target="_self" >求购急购枕芯 </a>
<li class="fang"><a href="../../com/100028/buy/html/?27.html" class="tList" target="_self" >ok吧韩国饰品 </a>
<li class="fang"><a href="../../com/100026/buy/html/?26.html" class="tList" target="_self" >06年款女式服装 </a>
<li class="fang"><a href="../../com/100026/buy/html/?25.html" class="tList" target="_self" >求购库存梭织布 </a> </li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../buy/class/?0.html" class="more"></a></td>
</tr>
</table>
</nobr></span>
</div>
<div id="c02" class="hidden">
<span class=cc><nobr>
<ul>
<li class="fang"><a href="../../com/100034/sell/html/?42.html" class="tList" target="_self" >水晶奖杯</a>
<li class="fang"><a href="../../com/100031/sell/html/?41.html" class="tList" target="_self" >团团圆圆笔筒</a>
<li class="fang"><a href="../../com/100031/sell/html/?40.html" class="tList" target="_self" >微波保鲜碗</a>
<li class="fang"><a href="../../com/100030/sell/html/?39.html" class="tList" target="_self" >床上用品系列·四色丝光床单</a>
<li class="fang"><a href="../../com/100030/sell/html/?38.html" class="tList" target="_self" >床上用品系列·三色丝光床单</a> </li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../sell/class/?0.html" class="more"></a></td>
</tr>
</table>
</nobr></span>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</table></td>
<td width="125" valign="top">
<table height=25 align="center" cellspacing=0 cellpadding=0 width=100% background=../../templates/default/images/lefttitle1.gif border=0>
<tr>
<td><table width=100% border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td align="center"><font color="#FFFFFF"><b>企业推荐</b></font></td>
</tr>
</table></td>
</tr>
</table>
<table cellspacing=0 cellpadding=0 width="125" border=0>
<tr>
<td><table width=125 border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td >
<ul>
<li class="fang"><a href="../../com/100002/index.php" class="tList" target="_self" >重庆蜂鸟文化用品有</a>
<li class="fang"><a href="../../com/100001/index.php" class="tList" target="_self" >重庆伊人红服饰</a>
<li class="fang"><a href="../../com/100005/index.php" class="tList" target="_self" >汇鑫文具商行</a>
<li class="fang"><a href="../../com/100003/index.php" class="tList" target="_self" >江苏宜兴中意紫砂作</a>
<li class="fang"><a href="../../com/100023/index.php" class="tList" target="_self" >重庆笨女孩服饰</a> </li>
</ul>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="../../company/class/?0.html&showtj=1" class="more"></a></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
<table cellspacing=0 cellpadding=0 width="1000" border=0 align="center" height="29" background="../../templates/default/images/btmenubg.gif">
<tr>
<td colspan="2" align="center">
<table border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width=1><img src="../../templates/default/images/split1.gif" width="1" height="12"></td>
<td class="btmenu" style="padding-left:8px;padding-right:8px;" align=center nowrap >
<a href="../../page/html/index.php" class="btmenu" target="_self">关于我们</a>
</td>
<td width=1><img src="../../templates/default/images/split1.gif" width="1" height="12"></td>
<td class="btmenu" style="padding-left:8px;padding-right:8px;" align=center nowrap >
<a href="../../page/contacts/index.php" class="btmenu" target="_self">联系方式</a>
</td>
<td width=1><img src="../../templates/default/images/split1.gif" width="1" height="12"></td>
<td class="btmenu" style="padding-left:8px;padding-right:8px;" align=center nowrap >
<a href="../../page/search/index.php" class="