跟定义链接连样式一样，通过a:hover来实现就可以，这个表示当鼠标移动到这个元素上时显示的样式：
a {color:#FF0}a:hover {color:#F00}
锚点代码：
<a name="m1">锚点1</a>上面的方式是不区分锚点的超链接的，如果要区分，可能为锚点增加一个特定样式，对应的CSS和锚点写法如下：
CSS：
.anchor a {color:#FF0}.anchor a:hover {color:#F00
HTML锚点代码：
<a class="anchor" name="m1">锚点1</a>增加一个class样式，这样只会对包含anchor样式的a标签生效，可以避免与正确的超链接冲突
<html><head>
<title></title><script src="script/jquery-1.9.1.js"></script>
<script src="script/jquery-1.9.1.min.js"></script>
<script language="javascript">
var timer
//页面加载时调用，给标签设置click事件
$(function(){
//页面加载完成，设置a可被点击
setcanclick()
})
function setcanclick(){
$("#bt1").bind('click',function(){
alert("test2")
//取消组件被点击事件
$("#bt1").unbind("click")
//......执行login
//设置计数器，两秒后调用组件可再次被点击
timer = setInterval(function(){setcanclick()},2000)
})
//清除计数器
clearInterval(timer)
}
</script>
</head>
<body>
<a id="bt1"><span>sigin in</span></a>
</body>
</html>
1、首先新建html页面，设置一个button按钮。
2、然后拷贝一张图片，编辑CSS代码。引入JQ的类库，并引入之前编辑的CSS样式。
3、编辑js代码，之后运行即可。
4、代码目录结构如下。
5、最终效果如下图所示，就完成了。
