很棘手问题

<html>
<head runat="server">
    <title>无标题页</title>
   <style>
   a:hover{font-weight:bold}
   </style>
</head>
<body >
    <a href="http://www.sina.com.cn/">新浪</a>
    <a href="http://www.sohu.com">搜胡</a>
</body>
</html>

重发<style>
#nav_div div{
cursor:pointer;
}
</style>
<body>
<div id="nav_div">
<div>Link1</div>
<div>Link2</div>
<div>Link3</div>
</div>
</body>
<script language="javascript">
document.body.onload = function()
{
iniNav()
}
function iniNav()
{
window.currentFocusNav = null;
p_div = document.getElementById("nav_div");
for(var i=0; i<p_div.childNodes.length; i++)
{
p_div.childNodes[i].onclick = function()
{
if(window.currentFocusNav)
{
window.currentFocusNav.style.fontWeight = "";
}
this.style.fontWeight = "bold";
window.currentFocusNav = this;
}
}
}
</script>

非常感谢dexterfar
<style>
    #nav_div div{
        cursor:pointer;
    }
</style>
<body>
    <div id="nav_div">
        <div><a href="biancu.html">Link1</a></div>
        <div><a href="biancu.html">Link2</a></div>
        <div><a href="biancu.html">Link3</a></div>
    </div>
</body>
<script language="javascript">
    document.body.onload = function()
    {
        iniNav()
    }
    function iniNav()
    {
        window.currentFocusNav = null;
        p_div = document.getElementById("nav_div");
        for(var i=0; i<p_div.childNodes.length; i++)
        {
            p_div.childNodes[i].onclick = function()
            {
                if(window.currentFocusNav)
                {
                    window.currentFocusNav.style.fontWeight = "";
                }
                this.style.fontWeight = "bold";
                window.currentFocusNav = this;
            }
        }
    }
</script>
这个我想加粗该怎么弄呢

var oldlink = null;//变量用于记录最后一次点击的连接
window.onload = function()
{
//点击事件的执行方法
var fc = function()
{
if(oldlink)oldlink.style.fontWeight = "";//恢复最后一次连接的字体
oldlink = this;//将当前连接设置为最后一次的连接
this.style.fontWeight = "bold";//设置当前连接的字体
}
var links = document.getElementsByTagName("a");//获取所有的连接
for(var i=0,l=links.length;i<l;i++)//遍历所有连接绑定点击事件
links[i].onclick = fc;
}

这样就可以在刷新后保持状态了
var oldlink = null;//变量用于记录最后一次点击的连接
window.onload = function()
{
var unique = 0;
//点击事件的执行方法
var fc = function()
{
if(oldlink)oldlink.style.fontWeight = "";//恢复最后一次连接的字体
oldlink = this;//将当前连接设置为最后一次的连接
this.style.fontWeight = "bold";//设置当前连接的字体
}
var re = /^\s*$/;
var links = document.getElementsByTagName("a");//获取所有的连接
for(var i=0,l=links.length;i<l;i++)//遍历所有连接
{
if(re.test(links[i].id))links[i].id="unique"+(unique++);//给没有id的连接添加ID
links[i].onclick = fc;//绑定事件
links[i].href = [links[i].href,links[i].href.indexOf('?')>-1?"&":"?","lastclick=",links[i].id].join('');//增加连接参数
}
//判断当前连接的参数是否有最新的连接信息如果有则预先进行点击操作
if(/[?&]lastclick=([^&]*)/i.test(location.href))
{
var alink = document.getElementById(RegExp.$1);
if(alink && typeof(alink)=="function")alink.onclick();
}

}

最好是带html格式的,谢谢了. 还有当我点击按钮的时候链接恢复到默认状态

存成untitle.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>untitled</title>
</head><body>
<a href="Untitled.html">link1</a>
<a href="Untitled.html">link2</a>
<a href="Untitled.html" id="link3">link3</a>
<a href="Untitled.html" id="link4">link4</a>
<a href="Untitled.html" id="link5">link5</a>
</body>
</html>
<script language="javascript">
var oldlink = null;//变量用于记录最后一次点击的连接
window.onload = function()
{
var unique = 0;
//点击事件的执行方法
var fc = function()
{
if(oldlink)oldlink.style.fontWeight = "";//恢复最后一次连接的字体
oldlink = this;//将当前连接设置为最后一次的连接
this.style.fontWeight = "bold";//设置当前连接的字体
}

var re = /^\s*$/;
var links = document.getElementsByTagName("a");//获取所有的连接
for(var i=0,l=links.length;i<l;i++)//遍历所有连接
{
if(re.test(links[i].id))links[i].id="unique"+(unique++);//给没有id的连接添加ID
links[i].onclick = fc;//绑定事件
links[i].href = [links[i].href,links[i].href.indexOf('?')>-1?"&":"?","lastclick=",links[i].id].join('');//增加连接参数
}

//判断当前连接的参数是否有最新的连接信息如果有则预先进行点击操作
if(/[?&]lastclick=([^&]*)/i.test(location.href))
{
var alink = document.getElementById(RegExp.$1);
if(alink && typeof(alink.onclick)=="function")alink.onclick();
}

}
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>untitled</title>
</head><body>
<a href="Untitled.html">link1</a>
<a href="Untitled.html">link2</a>
<a href="Untitled.html" id="link3">link3</a>
<a href="Untitled.html" id="link4">link4</a>
<a href="Untitled.html" id="link5">link5</a>
<input type="button" value="取消" onclick="fc1();">
</body>
</html>
<script language="javascript">
var oldlink = null;//变量用于记录最后一次点击的连接
function fc1()
{
if(oldlink)oldlink.style.fontWeight = "";
oldlink = null;
}function fc()
{
if(oldlink)oldlink.style.fontWeight = "";//恢复最后一次连接的字体
oldlink = this;//将当前连接设置为最后一次的连接
this.style.fontWeight = "bold";//设置当前连接的字体
}window.onload = function()
{
var unique = 0;
//点击事件的执行方法

var re = /^\s*$/;
var links = document.getElementsByTagName("a");//获取所有的连接
for(var i=0,l=links.length;i<l;i++)//遍历所有连接
{
if(re.test(links[i].id))links[i].id="unique"+(unique++);//给没有id的连接添加ID
links[i].onclick = fc;//绑定事件
links[i].href = [links[i].href,links[i].href.indexOf('?')>-1?"&":"?","lastclick=",links[i].id].join('');//增加连接参数
}

//判断当前连接的参数是否有最新的连接信息如果有则预先进行点击操作
if(/[?&]lastclick=([^&]*)/i.test(location.href))
{
var alink = document.getElementById(RegExp.$1);
if(alink && typeof(alink.onclick)=="function")alink.onclick();
}

}
</script>

解决方案 »