javaScript实现五星好评代码
效果如图：
具体代码：
<!doctype html>
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function test(myvalue){
for(var i=1;i<=5;i++){//将所有都变⽩星星
}
for(var i=1;i<=myvalue;i++){//通过传⼊的id（也是⼀个数字）确定id以下的div都是橙⾊星星。
}
}
</script>
<style type="text/css">
.myfloatleft{float:left;}
</style>
</head>
<body>
<div id="showdiv">
<div id="1" class="myfloatleft" οnmοuseοver="test('1')" οnmοuseοut="myclear()"><h1>☆</h1></div> <div id="2" class="myfloatleft" οnmοuseοver="test('2')" οnmοuseοut="myclear()"><h1>☆</h1></div> <div id="3" class="myfloatleft" οnmοuseοver="test('3')" οnmοuseοut="myclear()"><h1>☆</h1></div> <div id="4" class="myfloatleft" οnmοuseοver="test('4')" οnmοuseοut="myclear()"><h1>☆</h1></div> <div id="5" class="myfloatleft" οnmοuseοver="test('5')" οnmοuseοut="myclear()"><h1>☆</h1></div>
</div>
javascript说明<div id="mydiv"></div>
<br><br><br>
<p>
<h1>说明:</h1>
1、制作五个“☆”，并且⽤div框起来。<br>
2、测试当⿏标放在星星div上⾯时会不会产⽣反应（给div添加onmouseover事件）<br>
3、修改代码：当⿏标放在星星的div上⾯时，当前的div内容修改为"★"。<br>
4、测试：让所有div的星星都是⽩⾊的。
5、测试：通过传⼊⼀个参数，让指定id的div以下的div内容为"★"。
</p>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。