要实现的样式,当鼠标经过"北京拓展训练公司"时显示这个城市的数据,效果如图
当鼠标经过“上海拓展训练公司”时显示这个城市的数据。效果如图
注:页面上的所有数据都从数据库调用下面是静态源码:<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>
当鼠标经过“上海拓展训练公司”时显示这个城市的数据。效果如图
注:页面上的所有数据都从数据库调用下面是静态源码:<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>
解决方案 »
- vs2005中添加一个资源文件时,出现这个异常,无法解决。求各位牛哥帮忙
- C# 如何设定一个时间A(只有小时),每天判断现在时间是否到了指定时间A
- 怎样用C#控制输入法切换?
- 新手学习C#请教几个问题
- VS2005正式版的问题还是相当多的
- 新装的 windows server 2003 enterprise, visual studio.net 2003
- sql里如何取得当天凌晨和午夜的日期时间?
- 通过C#编写一个监控程序,对一个perl脚本进行实时监控,有没有好的方案思路
- 怎样设定树的当前节点,以便在当前节点后插入一个节点。
- 十六进制文本与字节集互相转换
- 讨论 - RichTextBox 和 WebBrowser 哪个效率更高 ?
- 求C#应用程序开发全程演练源码。
<!--
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>