这个导航栏效果,怎么实现?

Question

希望能够有个更方便的方法,把效果直接做在头文件中,其他需要该头文件的,调用就成的方法!谢谢你的回复,但是我要更好点方法;( 
回复人： ice_berg16(寻梦的稻草人) 
页面不一样，只要将对应的页面的栏目背景设成蓝色就行了.
  
 

Answer 1

问题是,不用flash的话,怎么实现.

Answer 2

给每一个菜单连接给一个名字,把每个名字作变量返回.
<td <%if 返回值=="XX_1" then response.write" bgcolor='blue'"%> >菜单1</td>
<td <%if 返回值=="XX_2" then response.write" bgcolor='blue'"%> >菜单2</td>

Answer 3

回复人： SuperBJack(我想飞翔) ( ) 信誉：99  2004-11-02 15:45:00  得分: 0  
 
 
   给每一个菜单连接给一个名字,把每个名字作变量返回.
<td <%if 返回值=="XX_1" then response.write" bgcolor='blue'"%> >菜单1</td>
<td <%if 返回值=="XX_2" then response.write" bgcolor='blue'"%> >菜单2</td>
  
 
没有理解,能详细一点吗?返回值=="XX_1",什么意思?具体怎么写呢?
如:我的代码是这样的,怎么套进去啊?
<td><a href="index.asp" >首页</a></td>
<td><a href="gongsi_about.asp" >公司简介</a></td>

Answer 4

写一个JS脚本文件 banner.js 内容如下：
/****************************
* Show Main Menu Bar
****************************/
function ShowMainMenu(m)
{
  with(document)
  {
    //****************************主导航条表格***************************
    write("<div align='center'>");
    write("<table border='0' width='770' cellspacing='0' cellpadding='0'>");
    write("<tr><td width=100% height='20' align='center' bgcolor='#000080'>");
    write("<font color='#FFFFFF'>");
    
    //****************************主导航条*******************************
    write(m==0?"<font color='#00ff00'>":"<a class='b' href='policy.htm'>");
    write("首页");
    write(m==0?"</font>":"</a>");
    write("&nbsp;·&nbsp;");
    
    write(m==1?"<font color='#00ff00'>":"<a class='b' href='policy.htm'>");
    write("第二个");
    write(m==1?"</font>":"</a>");
    write("&nbsp;·&nbsp;");
    
    write(m==2?"<font color='#00ff00'>":"<a class='b' href='policy.htm'>");
    write("第三个");
    write(m==2?"</font>":"</a>");
    write("&nbsp;·&nbsp;");
    
    write(m==3?"<font color='#00ff00'>":"<a class='b' href='policy.htm'>");
    write("第四个");
    write(m==3?"</font>":"</a>");
    write("");
    //*******************************************************************
    write("</font></td></tr></table></div>");
  }
}然后每个网页调用这个文件，并调用这个函数，比如：ShowMainMenu(0)，括号中的参数是和上面那个脚本对应的，用哪个导航栏，就用哪个数值。这个就是显示首页，并且，菜单"首页"的颜色和其它导航菜单不一样，因为同时只有一个判断条件为真。
关键是用if判断传入的参数，然后采取相应的动作。我是用 ? : 操作符。
你自己再加入代码调试一下吧。

Answer 5

rardge(Rardge) :
你的太麻烦了,
我想找个比较方便的办法:)

Answer 6

yksy(y``y):
css好象做不到的!?

Answer 7

wayne82(wayne（正在观注奥运~~~~）:
太一般了吧.

Answer 8

用JS获取每页网址的内容，再对取到的值做一下判断就行了
判断用location对象就行了

Answer 9

jianbin2001(追风无敌):
详细点啊,我很菜,就看你这么几句,不是很明白啊!

Answer 10

<a…… id="open_menu" onclik="javascript:setAcss();">11111</a>
<a…… id="open_menu" onclik="javascript:setAcss();">22222</a>
<a…… id="open_menu" onclik="javascript:setAcss();">33333</a>
<script language="javascript">
function setAcss(id_num,cap)
  {
  obj = window.event.srcElement;
  for (var i=0;i<document.all.length;i++)
  {
    var e = document.all[i];
    if (e.id == 'open_menu'){
       e.style.background-color = 'write';
    }
  }
    obj.style.background-color = 'blue';
}
</script>
当然是最好是你自己写个CSS

Answer 11

function setAcss(id_num,cap)应该是没有参数
function setAcss()

Answer 12

建一个css 
如menu.css
.menuoff {  color: #FFFFFF; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: 900; font-size: 18px; background-image: url(image/BEIJING.GIF)}
.menuon {  font-family: "Arial", "Helvetica", "sans-serif"; font-weight: 900; color: #000000; background-color: #FFFFFF; font-size: 18px; cursor: hand}
.dot {  cursor: hand}
.dot2 {  cursor: hand; filter: Light}
.mail {  font-family: "仿宋_GB2312"; color: #FF0000}引用时
class="menu"  onMouseOver="this.className='menuon'" onMouseOut="this.className='menuoff'" onClick=winOpen('default.htm')效果差不多了

Answer 13

jjgaodeng(金眼妖瞳):
比如:
<td><a href="111.asp" >111</a></td>
<td><a href="222.asp" >222</a></td>怎么调用啊?
class="menu"  onMouseOver="this.className='menuon'" onMouseOut="this.className='menuoff'" onClick=winOpen('default.htm')

Answer 14

<td><a href="111.asp" class="menu"  onMouseOver="this.className='menuon'" onMouseOut="this.className='menuoff'" onClick=winOpen('default.htm')>111</a></td>

Answer 15

回复人： jjgaodeng(金眼妖瞳) ( ) 信誉：100  2004-11-08 10:41:00  得分: 0  
建一个css 
如menu.css
.menuoff {  color: #FFFFFF; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: 900; font-size: 18px; background-image: url(image/BEIJING.GIF)}
.menuon {  font-family: "Arial", "Helvetica", "sans-serif"; font-weight: 900; color: #000000; background-color: #FFFFFF; font-size: 18px; cursor: hand}
.dot {  cursor: hand}
.dot2 {  cursor: hand; filter: Light}
.mail {  font-family: "仿宋_GB2312"; color: #FF0000}引用时
class="menu"  onMouseOver="this.className='menuon'" onMouseOut="this.className='menuoff'" onClick=winOpen('default.htm')效果差不多了
_________________________________________________________________________________
_________________________________________________________________________________
这个css是不是还少定义了个"menu",这个该这么定义呢?
_________________________________________________________________________________
_________________________________________________________________________________

Answer 16

回复人： jjgaodeng(金眼妖瞳) ( ) 信誉：100  2004-11-08 10:41:00  得分: 0  
建一个css 
如menu.css
.menuoff {  color: #FFFFFF; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: 900; font-size: 18px; background-image: url(image/BEIJING.GIF)}
.menuon {  font-family: "Arial", "Helvetica", "sans-serif"; font-weight: 900; color: #000000; background-color: #FFFFFF; font-size: 18px; cursor: hand}
.dot {  cursor: hand}
.dot2 {  cursor: hand; filter: Light}
.mail {  font-family: "仿宋_GB2312"; color: #FF0000}引用时
class="menu"  onMouseOver="this.className='menuon'" onMouseOut="this.className='menuoff'" onClick=winOpen('default.htm')效果差不多了
____________________________________________________________________________
____________________________________________________________________________
这个css是不是还少定义了个"menu",这个该这么定义呢?
____________________________________________________________________________
____________________________________________________________________________