//说明：在引用文件的相应位置，写入<script src="menu.js" type="text/javascript"></script>
//menuitem使用说明：第一个参数为链接显示内容，可以为图片，如果为图片，则内容格式为<img src=图片路径>
//来源：http://blog.csdn.net/54powerman
//作者：彗星撞地球
//联系方式：54powerman@163.com
// 如果第二个参数和当前网页的名字相同，则反白显示该项，而且取消链接，以说明本页为导航条当前页。
//..........................................
var str;
var colororiginal,colorlast;
var fontsize,fontcolor;
//..........................................基本参数配置开始
colororiginal="#00537f";
colorlast="#7c91a2";
fontsize=12;//单位为象素
fontcolor="white";//文字链接颜色
//..........................................基本参数配置结束
str=menutop();
//..........................................菜单项开始
str+=menuitem("项目1","home.html");
str+=menuitem("<img src=general_images/general_03_1.jpg>","2");
str+=menuitem("项目2","2");
str+=menuitem("项目2","2");
//..........................................菜单项结束
str+=menubottom();
document.write(str);
//函数定义开始
function swapbgcolor(x)
{
x.bgcolor=colorlast;
}
function returnbgcolor(x)
{
x.bgcolor=colororiginal;
}
function currentfilename()
{
return document.location.tostring();
}
function getfilename(url)
{
filename=url.substr(url.lastindexof("/")+1);
return filename;
}
function menuitem(content,url)
{
urlfilename=getfilename(currentfilename());
linkfilename=getfilename(url);
var str;
if (urlfilename==(linkfilename))
{
str=" <td bgcolor=\""+colorlast+"\">"+content+"</td>";
}
else
{
str=" <td onmousemove=\"swapbgcolor(this);\" onmouseout=\"returnbgcolor(this);\" bgcolor=\""+colororiginal+"\"><a href="+url+"><font color="+fontcolor+">"+content+"</font></a></td>";
}
return str;
}
function menutop()
{
var str;
str="<table width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\">";
str+=" <tr align=\"center\" style=\"color:"+fontcolor+";font-size:"+fontsize+" px;\">";
return str;
}
function menubottom()
{
var str;
str=" </tr>";
str+=" </table>";
return str;
}
//函数定义结束
