CODE:
<!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>
<title>评价</title>
<meta name="author" c />
<style type="text/css">
#nv h2 {text-indent:2000px; overflow:hidden;background:url(http://www.sfai.cn/oneself/1/star_rating.gif) no-repeat 0 0; width:20px; height:19px; float:left;cursor:pointer;}
#nv h2.a {background:url(http://www.sfai.cn/oneself/1/star_rating.gif) repeat-x 0 60%;}
#nv h2.b {background:url(http://www.sfai.cn/oneself/1/star_rating.gif) repeat-x 0 120%;}
</style>
<script type="text/javascript" src="http://www.sfai.cn/lib/prototype.js"></script>
<script type="text/javascript">
var click = true;
function Go(lth){
var hs = $$('#nv h2');
hs.each (
function(item){
item.onclick = function(){
var hs = $$('#nv h2');
var flag = true;
for(var i=0;i<hs.length;i++){
if(this == hs)flag = false;
if(flag)hs.className = 'b';else{hs.className = '';}
}
this.className = 'b';
click = false;
};
item.onmouseover = function(){
var hs = $$('#nv h2');
var flag = true;
for(var i=0;i<hs.length;i++){
if(this == hs)flag = false;
if(flag)hs.className = 'a';else{hs.className = '';}
}
this.className = 'a';
click = true;
};
item.onmouseout = function(){
if(click)
{
var hs = $$('#nv h2');
for(var i=0;i<hs.length;i++){
hs.className = '';
}
}
};
}
);
}
window.onload = Go;
</script>
</head>
<body>
<div id="nv">
<h2 title="1">1</h2>
<h2 title="2">2</h2>
<h2 title="3">3</h2>
<h2 title="4">4</h2>
<h2 title="5">5</h2>
</div>
</body>
</html>[ 本帖最后由 李志东 于 2007-11-14 09:53 编辑 ]