综合

img 54powerman

鼠标悬停时反白显示的导航条代码(原创)

发表于2004/9/28 13:56:00  2260人阅读

分类: JavaScript

//说明:在引用文件的相应位置,写入<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;
}
//函数定义结束

阅读全文
0 0

相关文章推荐

img
取 消
img