要实现的样式,当鼠标经过"北京拓展训练公司"时显示这个城市的数据,效果如图
当鼠标经过“上海拓展训练公司”时显示这个城市的数据。效果如图
注:页面上的所有数据都从数据库调用下面是静态源码:<script type="text/javascript">
<!--
function setTab(m,n){
var tli=document.get[code=HTML]ElementById("menu"+m).getElementsByTagName("li");
var mli=document.getElementById("main"+m).getElementsByTagName("ul");
for(i=0;i<tli.length;i++){
  tli[i].className=i==n?"hover":"";
  mli[i].style.display=i==n?"block":"none";
 }
}
//-->
</script>                                
                                    
<div class="agencies_gs01">
<div class="menu1box">
  <ul id="menu1">
   <li class="hover" onmouseover="setTab(1,0)"><a href="#">北京拓展训练公司</a></li>
   <li onmouseover="setTab(1,1)"><a href="#">上海拓展训练公司</a></li>
  </ul>
</div>
<div class="main1box">
  <div class="main" id="main1">
   <ul class="block">
<li>
<div style="padding-bottom:5px;">
<div class="photo_bk"><img alt="" src="../../images/ad/ad008.gif" /></div>
    <div><span style="color:#0066FF">【公司介绍】</span><br />
北京户外先锋俱乐部从属于北京凯盈体育文化发展有限公司,是一所为户外运动爱好者提供户外体…… <a href="#"><span style="color:#ff0000;">[详细]</span></a></div>
</div>
<div class="gs_wzlb"><span>·北京百动拓展培训机构gfdsgsg</span><dt><a href="#">[资质查询]</a></dt>
</div>
<div class="gs_wzlb"><span>·北京百动拓展培训机构002</span>
  <dt><a href="#">[资质查询]</a></dt>
</div>
<div class="gs_wzlb"><span>·北京百动拓展培训机构dfgfds</span><dt><a href="#">[资质查询]</a></dt>
</div>
<div class="gs_wzlb"><span>·北京百动拓展培训机构fgretea</span><dt><a href="#">[资质查询]</a></dt>
</div>
</li>
</ul>

   <ul>
    <li>
<div style="padding-bottom:5px;">
<div class="photo_bk"><img alt="" src="../../images/ad/ad008.gif" /></div>
<div><span style="color:#0066FF">【公司介绍】</span><br />
上海棉花俱乐部从属于北京凯盈体育文化发展有限公司,是一所为户外运动爱好者提供户外体…… <a href="#"><span style="color:#ff0000;">[详细]</span></a></div>
  </div>
<div class="gs_wzlb"><span>·上海棉花拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
</div>
<div class="gs_wzlb"><span>·上海棉花拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
</div>
<div class="gs_wzlb"><span>·上海棉花拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
</div>
<div class="gs_wzlb"><span>·上海棉花拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
</div>
</li>
</ul>
  </div>
</div>
  </div>

  </code>

解决方案 »

  1.   

    要实现的样式,当鼠标经过"北京拓展训练公司"时显示这个城市的数据,效果如图 当鼠标经过“上海拓展训练公司”时显示这个城市的数据。效果如图 注:页面上的所有数据都从数据库调用 下面是静态源码:<script type="text/javascript">
    <!--
    function setTab(m,n){
    var tli=document.getElementById("menu"+m).getElementsByTagName("li");
    var mli=document.getElementById("main"+m).getElementsByTagName("ul");
    for(i=0;i<tli.length;i++){
      tli[i].className=i==n?"hover":"";
      mli[i].style.display=i==n?"block":"none";
     }
    }
    //-->
    </script>                                
                                        
    <div class="agencies_gs01">
    <div class="menu1box">
      <ul id="menu1">
       <li class="hover" onmouseover="setTab(1,0)"><a href="#">北京拓展训练公司</a></li>
       <li onmouseover="setTab(1,1)"><a href="#">上海拓展训练公司</a></li>
      </ul>
    </div>
    <div class="main1box">
      <div class="main" id="main1">
       <ul class="block">
    <li>
    <div style="padding-bottom:5px;">
    <div class="photo_bk"><img alt="" src="../../images/ad/ad008.gif" /></div>
        <div><span style="color:#0066FF">【公司介绍】</span><br />
    北京户外先锋俱乐部从属于北京凯盈体育文化发展有限公司,是一所为户外运动爱好者提供户外体…… <a href="#"><span style="color:#ff0000;">[详细]</span></a></div>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构gfdsgsg</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构002</span>
      <dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构dfgfds</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构fgretea</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    </li>
    </ul>

       <ul>
        <li>
    <div style="padding-bottom:5px;">
    <div class="photo_bk"><img alt="" src="../../images/ad/ad008.gif" /></div>
    <div><span style="color:#0066FF">【公司介绍】</span><br />
    上海棉花俱乐部从属于北京凯盈体育文化发展有限公司,是一所为户外运动爱好者提供户外体…… <a href="#"><span style="color:#ff0000;">[详细]</span></a></div>
      </div>
    <div class="gs_wzlb"><span>·上海棉花拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·上海棉花拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·上海棉花拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·上海棉花拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    </li>
    </ul>
      </div>
    </div>
      </div>

      <div class="agencies_gs02">
    <div class="menu1box">
      <ul id="menu2">
       <li class="hover" onmouseover="setTab(2,0)"><a href="#">北京拓展训练公司</a></li>
       <li onmouseover="setTab(2,1)"><a href="#">上海拓展训练公司</a></li>
      </ul>
    </div>
    <div class="main1box">
      <div class="main" id="main2">
       <ul class="block">
        <li>
    <div style="padding-bottom:5px;">
    <div class="photo_bk"><img alt="" src="../../images/ad/ad008.gif" /></div>
        <div><span style="color:#0066FF">【公司介绍】</span><br />
    北京户外先锋俱乐部从属于北京凯盈体育文化发展有限公司,是一所为户外运动爱好者提供户外体…… <a href="#"><span style="color:#ff0000;">[详细]</span></a></div>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机</span>
      <dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    </li>
    </ul>
       <ul>
        <li>
    <div style="padding-bottom:5px;">
    <div class="photo_bk"><img alt="" src="../../images/ad/ad008.gif" /></div>
        <div><span style="color:#0066FF">【公司介绍】</span><br />
    北京户外先锋俱乐部从属于北京凯盈体育文化发展有限公司,是一所为户外运动爱好者提供户外体…… <a href="#"><span style="color:#ff0000;">[详细]</span></a></div>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构002</span>
      <dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    <div class="gs_wzlb"><span>·北京百动拓展培训机构</span><dt><a href="#">[资质查询]</a></dt>
    </div>
    </li>
    </ul>
      </div>
    </div>
    </div>
      

  2.   

    你是想在一次连接中进行多次查询吧,这个sql2005是支持的,不过这并不会提高效率,反而有负面影响