a:visited {color: #000} 已访问的链接
a:hover {color: #F00} 鼠标移动到链接上
a:active {color: #000} 选定的链接
如ID为jdj 下的连接写法
#jdj a:link {color: #000} 未访问的链接
如class为cla 下的连接写法
.cla a:link {color: #000} 未访问的链接
1.如果仅仅是光标放到div按钮上按钮背景图片改变，直接用css实现：
.div1{background:url(../images/but_01.gif) }.div1:hover{background:url(../images/but_02.gif)}
2.如果是点击div按钮，按钮背景图片改变，可以用JQuery实现：
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title></title>
<script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
<style type="text/css">
.div1
{
width: 300px
height: 300px
border: 1px solid black
background-image: url(Images/1.jpg)
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$(".div1").bind("click", function () {
$(this).css("background-image", "url(Images/3.jpg)").mouseout(function () {
$(this).css("background-image", "url(Images/1.jpg)")
})
})//bind
}) //ready
</script>
</head>
<body>
<div class="div1">
</div>
</body>
</html>
