高校问答少昊的妻子:如何实现在网页设计时点击一个字后，颜色改变。
来源：百度文库 编辑：高校问答 时间：2024/05/03 05:13:21
看你链接是否刷新页面了，如果刷新了页面则把它放入cookie里，例如：
第一步：菜单链接文字
<a href="test.jsp" id="menu1" class="MainMenu" onclick="changeMenu('menu1')">菜单1</a>
第二步：Javascript的function
function changeMenu(Obj)
{
setCookie("mainMenu",oObj);
}
function setCookie(key, value)
{
document.cookie = key + "=" + escape(value);
}
function getCookie(key)
{
var start = document.cookie.indexOf(key + '=');
if (start == -1)
return null;
var end = document.cookie.indexOf(";", start);
if (end == -1)
end = document.cookie.length;
end -= start;
var cookie = document.cookie.substr(start,end);
return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1));
}
第三步：在你的test.jsp页面(就是下一页面)中:
body中加入：<body onload="bodyInit()">
第四步：在这个页面的Javascript中加入：
function bodyInit()
{
var tag="";
if(getCookie("mainMenu"))
{
if(document.getElementById(getCookie("mainMenu"))!=null)
{
tag=getCookie("maintag");
}
var arrObj=document.getElementById(tag);
if(arrObj!=null)
arrObj.className = "SelectedMainMenu";
}
}
第五步：在Css样式中定义这样两个类
/*主菜单链接的样式*/
A.MainMenu:active
{
FONT-SIZE:12px;
TEXT-decoration : underline;
COLOR:#FFFFFF;
}
A.MainMenu:link
{
FONT-SIZE:12px;
TEXT-decoration : none;
COLOR:#FFFFFF;
}
A.MainMenu:visited
{
FONT-SIZE:12px;
TEXT-decoration : none;
COLOR:#FFFFFF;
}
A.MainMenu:hover
{
FONT-SIZE:12px;
TEXT-decoration : underline;
COLOR:#FFFF00;
}
/*主菜单已选中的链接样式*/
A.SelectedMainMenu
{
FONT-SIZE:12px;
TEXT-decoration : none;
COLOR:#FFFF00;
}
A.SelectedMainMenu:active
{
FONT-SIZE:12px;
TEXT-decoration : underline;
COLOR:#FFFF00;
}
A.SelectedMainMenu:link
{
FONT-SIZE:12px;
TEXT-decoration : none;
COLOR:#FFFF00;
}
A.SelectedMainMenu:visited
{
FONT-SIZE:12px;
TEXT-decoration : none;
COLOR:#FFFF00;
}
A.SelectedMainMenu:hover
{
FONT-SIZE:12px;
TEXT-decoration : underline;
COLOR:#FFFF00;
}
A:link {
COLOR: #000000; font-size: 9pt
}
A:visited {
COLOR: #000000; font-size: 9pt
}
A:active {
COLOR: #ff0000; font-size: 9pt
}
A:hover {
COLOR: #FF0000; TEXT-DECORATION: underline; font-size: 9pt
}
css中的这四个属性，可以实现
可以这样，给你的导航文件的链接文字加一个SPAN，比如：
<a href="project.asp"><span id="span1">项目</span></a>
然后在这个页面写个JavaScript脚本：
if(window.location.href.indexOf("project.asp") > 0 )
{
span1.style.color = "red";
span1.style.font-family = "楷体";
......
}
还多啊 啊