问题描述
在线等待,如何做到www.86516.com上面的鼠标一个栏目,它上面的页面也跟着发生变化(比如,消费广场消费联盟折扣专区)随便把鼠标放在哪一个上面下面内容就跟着相应变化.谢谢!
解决方案
解决方案二：
使用js和css控制的，上百度搜一下就ok啦
解决方案三：
<!--排行榜--><scriptlanguage="JavaScript"type="text/javascript">functionsetMenu01(i){selectMenu01(i);}functionselectMenu01(i){for(varti=1;ti<5;ti++){if(ti==i){document.getElementById("menu1_"+ti).style.display='block';}else{document.getElementById("menu1_"+ti).style.display='none';}}}</script><!--排行榜--><divclass="ajaxArea"id="menu1_1"style="display:block"><!--菜单1--><divclass="menu4"><liclass="active"onMouseOver="setMenu01(1)"><ahref="news.htm">济宁新闻</a></li><liclass="normal"onMouseOver="setMenu01(2)"><ahref="zhengwu.htm">济宁政务</a></li><liclass="normal"onMouseOver="setMenu01(3)"><ahref="shipin.htm">济宁视频</a></li><liclass="normal"onMouseOver="setMenu01(4)"><ahref="rwft.htm">人物访谈</a></li></div><!--菜单1结束--><!--内容1--><divclass="content"><divclass="list"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><tdheight="218"align="center"valign="middle"background="images/xx_r10_c1.jpg"><Ahref=<%=GetUrl(NewsListArry("15",4,1,0,1)[0])%>target=_blank><IMGsrc=<%=NewsListArry("15",4,1,0,1)[3]%>width=257height="213"border=0title="<%=NewsListArry("15",4,1,0,1)[1]%>"></A></td></tr><tr><tdheight="18"align="center"valign="middle"background="images/xx_r10_c1.jpg"class="unnamed1"><Ahref="<%=GetUrl(NewsListArry("15",4,1,0,1)[0])%>"target=_blanktitle="<%=NewsListArry("15",4,1,0,1)[1]%>"><%=NewsListArry("15",4,1,0,1)[1]%></A></td></tr><tr><tdalign="center"valign="middle"class="unnamed1"><imgsrc="images/xx_r10_c2.jpg"width="273"height="1"></td></tr><tr><tdalign="center"valign="top"><tablewidth="100%"cellspacing="0"cellpadding="0"border="0"><tr><tdheight="27"background="images/xx_r8_c12.jpg"style="padding-left:12px;"><b>特别关注</b></td></tr><tr><tdalign="left"valign="top"class="Content1"><%=GetNew("15",null,10,1,1,100)%><divstyle="margin-bottom:4px;margin-top:4px;margin-left:0px;font-size:12px;padding:0px;border-top:#cdcdcd1pxsolid;border-bottom:#cdcdcd1pxsolid;border-left:#cdcdcd1pxsolid;border-right:#cdcdcd1pxsolid;"><strong>即时信息：</strong><marqueeonmouseover=this.stop()onmouseout=this.start()scrollDelay=175height="20"><%=GetNew("15",null,8,0,2,100)%></marquee></div></td></tr></table></td></tr></table></div></div></div><!--内容1结束--><divclass="ajaxArea"id="menu1_2"style="display:none"><divclass="menu4"><liclass="normal"onMouseOver="setMenu01(1)"><ahref="news.htm">济宁新闻</a></li><liclass="active"onMouseOver="setMenu01(2)"><ahref="zhengwu.htm">济宁政务</a></li><liclass="normal"onMouseOver="setMenu01(3)"><ahref="shipin.htm">济宁视频</a></li><liclass="normal"onMouseOver="setMenu01(4)"><ahref="rwft.htm">人物访谈</a></li></div><!--菜单2结束-->
解决方案四：
<!--内容2--><divclass="content"><divclass="list"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><tdheight="218"align="center"valign="middle"background="images/xx_r10_c1.jpg"><Ahref="<%=GetUrl(NewsListArry("94",4,1,0,1)[0])%>"target=_blank><IMGsrc="<%=NewsListArry("94",4,1,0,1)[3]%>"width=257height="213"border=0title="<%=NewsListArry("94",4,1,0,1)[1]%>"></A></td></tr><tr><tdheight="18"align="center"valign="middle"background="images/xx_r10_c1.jpg"class="unnamed1"><Ahref="<%=GetUrl(NewsListArry("94",4,1,0,1)[0])%>"target=_blanktitle="<%=NewsListArry("94",4,1,0,1)[1]%>"><%=NewsListArry("94",4,1,0,1)[1]%></A></td></tr><tr><tdalign="center"valign="middle"class="unnamed1"><imgsrc="images/xx_r10_c2.jpg"width="273"height="1"></td></tr><tr><tdalign="center"valign="top"><tablewidth="100%"cellspacing="0"cellpadding="0"border="0"><tr><tdheight="27"background="images/xx_r8_c12.jpg"style="padding-left:12px;"><b>特别关注</b></td></tr><tr><tdalign="left"valign="top"class="Content1"><%=GetNew("94",null,10,1,1,100)%><divstyle="margin-top:0px;margin-bottom:4px;margin-left:10px;font-size:12px;padding:0px"><strong>即时信息：</strong><marqueeonmouseover=this.stop()onmouseout=this.start()scrollDelay=175height="20"><%=GetNew("94",null,8,0,2,100)%></marquee></div></td></tr></table></td></tr></table></div></div></div><!--内容2结束--><divclass="ajaxArea"id="menu1_3"style="display:none"><!--菜单1--><divclass="menu4"><liclass="normal"onMouseOver="setMenu01(1)"><ahref="news.htm">济宁新闻</a></li><liclass="normal"onMouseOver="setMenu01(2)"><ahref="zhengwu.htm">济宁政务</a></li><liclass="activel"onMouseOver="setMenu01(3)"><ahref="shipin.htm">济宁视频</a></li><liclass="norma"onMouseOver="setMenu01(4)"><ahref="rwft.htm">人物访谈</a></li></div><!--菜单1结束--><!--内容1--><divclass="content"><divclass="list"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><tdheight="218"align="center"valign="middle"background="images/xx_r10_c1.jpg"><Ahref="<%=GetUrl(NewsListArry("98",4,1,0,1)[0])%>"target=_blank><IMGsrc="<%=NewsListArry("98",4,1,0,1)[3]%>"width=257height="213"border=0title="<%=NewsListArry("98",4,1,0,1)[1]%>"></A></td></tr><tr><tdheight="18"align="center"valign="middle"background="images/xx_r10_c1.jpg"class="unnamed1"><Ahref="<%=GetUrl(NewsListArry("98",4,1,0,1)[0])%>"target=_blanktitle="<%=NewsListArry("98",4,1,0,1)[1]%>"><%=NewsListArry("98",4,1,0,1)[1]%></A></td></tr><tr><tdalign="center"valign="middle"class="unnamed1"><imgsrc="images/xx_r10_c2.jpg"width="273"height="1"></td></tr><tr><tdalign="center"valign="top"><tablewidth="100%"cellspacing="0"cellpadding="0"border="0"><tr><tdheight="27"background="images/xx_r8_c12.jpg"style="padding-left:12px;"><b>特别关注</b></td></tr><tr><tdalign="left"valign="top"class="Content1"><%=GetNew("98",null,10,1,1,100)%><divstyle="margin-top:0px;margin-bottom:4px;margin-left:10px;font-size:12px;padding:0px"><strong>即时信息：</strong><marqueeonmouseover=this.stop()onmouseout=this.start()scrollDelay=175height="20"><%=GetNew("98",null,8,0,2,100)%></marquee></div></td></tr></table></td></tr></table></div></div></div><!--内容1结束--><divclass="ajaxArea"id="menu1_4"style="display:none"><divclass="menu4"><liclass="normal"onMouseOver="setMenu01(1)"><ahref="news.htm">济宁新闻</a></li><liclass="normal"onMouseOver="setMenu01(2)"><ahref="zhengwu.htm">济宁政务</a></li><liclass="normal"onMouseOver="setMenu01(3)"><ahref="shipin.htm">济宁视频</a></li><liclass="active"onMouseOver="setMenu01(4)"><ahref="rwft.htm">人物访谈</a></li></div><!--菜单2结束--><!--内容2--><divclass="content"><divclass="list"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><tdheight="218"align="center"valign="middle"background="images/xx_r10_c1.jpg"><Ahref="<%=GetUrl(NewsListArry("99",4,1,0,1)[0])%>"target=_blank><IMGsrc="<%=NewsListArry("99",4,1,0,1)[3]%>"width=257height="213"border=0title="<%=NewsListArry("99",4,1,0,1)[1]%>"></A></td></tr><tr><tdheight="18"align="center"valign="middle"background="images/xx_r10_c1.jpg"class="unnamed1"><Ahref="<%=GetUrl(NewsListArry("99",4,1,0,1)[0])%>"target=_blanktitle="<%=NewsListArry("99",4,1,0,1)[1]%>"><%=NewsListArry("99",4,1,0,1)[1]%></A></td></tr><tr><tdalign="center"valign="middle"class="unnamed1"><imgsrc="images/xx_r10_c2.jpg"width="273"height="1"></td></tr><tr><tdalign="center"valign="top"><tablewidth="100%"cellspacing="0"cellpadding="0"border="0"><tr><tdheight="27"background="images/xx_r8_c12.jpg"style="padding-left:12px;"><b>特别关注</b></td></tr><tr><tdalign="left"valign="top"class="Content1"><%=GetNew("99",null,10,1,1,100)%><divstyle="margin-top:0px;margin-bottom:4px;margin-left:10px;font-size:12px;padding:0px"><strong>即时信息：</strong><marqueeonmouseover=this.stop()onmouseout=this.start()scrollDelay=175height="20"><%=GetNew("99",null,8,0,2,100)%></marquee></div></td></tr></table></td></tr></table></div></div></div><!--内容2结束--><!--内容4结束-->
解决方案五：
body{text-align:center;font-family:宋体,serif;margin:0;padding:0;background:#FFF;font-size:12px;color:#000;}div,form,img,ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;}a:link{color:#000;text-decoration:none;}a:visited{color:#83006f;text-decoration:none;}a:hover{color:#bc2931;text-decoration:underline;}a:active{color:#bc2931;}/*颜色属性[定义规则，小写c加颜色名称]*//*CSSDocument*/.menu4{width:100%;margin-left:0px;}.menu4li{float:left;padding-top:6px;list-style-type:none;}.menu4.normal{background-image:url(right_bg2.gif);margin-left:4px;text-align:center;background-repeat:no-repeat;height:14px;width:23%;border-bottom:1pxsolid#cbcbcb;}.menu4.active{background-image:url(right_bg1.gif);margin-left:4px;text-align:center;background-repeat:no-repeat;height:14px;width:23%;}#menu1_1{width:100%;}#menu1_2{width:100%;}#menu1_3{width:100%;}#menu1_4{width:100%;}#menu1_2#zeroarea{width:100%;float:left;text-align:left;}.content{background:#ffffff;margin-left:0px;margin-right:0px;width:100%;}.contentspan{margin-left:10px;margin-top:2px;font-weight:bold;color:#000000;}.content.list{clear:both;}.content.listul{padding:0px0px0px0px;}.content.listli{margin-left:6px;list-style-type:none;background:url('endpage_i6.gif')no-repeat0px7px;text-align:left;padding-left:16px;padding-right:0;padding-top:3px;padding-bottom:3px;width:100%;}.ajaxArea{border-bottom:1pxsolid#cbcbcb;}
解决方案六：
www.jining.sdnews.com.cn参考这个网页第一栏的看一下就ok啦，很简单的
解决方案七：
我这里有个简易的，lz可以据此变通
解决方案八：
网站名称：淮海视窗网站地址：网站描述：淮海视窗—淮海经济区综合门户网站-淮海网，徐州网，彭城网，淮海热线，淮海在线，徐州视窗，淮海经济区，徐州，淮海，彭城，淮海视窗参考分类：综合门户联系方式：QQ:133898618
解决方案九：
爲什麽在中國就知道copy，，沒有創新，，哎
解决方案十：
高手，谢谢分享