关于javascript的问题 实现星级评分功能。 50
实现星级评分功能。默认的网页内容为：☆☆☆☆☆，当点击第n个星星时，前n个星星将变为黑色，如：四星级★★★★☆并在下方设一个“重新评分”按钮，点击该按钮，恢复为原有内容☆...
实现星级评分功能。默认的网页内容为：☆☆☆☆☆，当点击第n个星星时，前n个星星将变为黑色，如：四星级★★★★☆
并在下方设一个“重新评分”按钮，点击该按钮，恢复为原有内容☆☆☆☆☆，即可重新评分。
【提示】实心星的HTML代码为★空心星为☆
【思路】1. 动态生成一组<span></span>，并设置鼠标点击事件
2. 五个空心星就是自动生成的五个<span>☆</span>
3. 使用循环语句
你好，电脑大牛们，请帮帮忙哟~麻烦把代码发送到邮箱wjkczy@163.com
就不要写在这里了，个人原因，就不多解释了，谢谢鸟~ 展开
并在下方设一个“重新评分”按钮，点击该按钮，恢复为原有内容☆☆☆☆☆，即可重新评分。
【提示】实心星的HTML代码为★空心星为☆
【思路】1. 动态生成一组<span></span>，并设置鼠标点击事件
2. 五个空心星就是自动生成的五个<span>☆</span>
3. 使用循环语句
你好，电脑大牛们，请帮帮忙哟~麻烦把代码发送到邮箱wjkczy@163.com
就不要写在这里了，个人原因，就不多解释了，谢谢鸟~ 展开
2个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>星级评分</title>
<style type="text/css">
</style>
<script type="text/javascript">
function $(s){
return document.getElementById(s);
}
function setP(o,i,p){
if (p.className === "select") {
return false;
}
while(i--){
o[i].innerHTML = "★";
}
p.className = "select";
}
function init(el,c){
var s = '',
c = c || 5,
b = c,
sl = null;
el.className = "";
while(c--){
s += "<span>☆</span>";
}
el.innerHTML = s;
sl = el.getElementsByTagName('span');
while(b--){
sl[b].onclick = function(b){
return function(){
setP(sl,(b+1),el);
}
}(b)
}
}
window.onload = function(){
var stars = $("stars"),
reBtn = $("rb");
init(stars);
reBtn.onclick = function(){
init(stars);
}
}
</script>
</head>
<body>
<h1> 星级评分</h1>
<div id="stars"></div>
<input type="submit" id="rb" name="rb" value="点击还原">
</body>
</html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>星级评分</title>
<style type="text/css">
</style>
<script type="text/javascript">
function $(s){
return document.getElementById(s);
}
function setP(o,i,p){
if (p.className === "select") {
return false;
}
while(i--){
o[i].innerHTML = "★";
}
p.className = "select";
}
function init(el,c){
var s = '',
c = c || 5,
b = c,
sl = null;
el.className = "";
while(c--){
s += "<span>☆</span>";
}
el.innerHTML = s;
sl = el.getElementsByTagName('span');
while(b--){
sl[b].onclick = function(b){
return function(){
setP(sl,(b+1),el);
}
}(b)
}
}
window.onload = function(){
var stars = $("stars"),
reBtn = $("rb");
init(stars);
reBtn.onclick = function(){
init(stars);
}
}
</script>
</head>
<body>
<h1> 星级评分</h1>
<div id="stars"></div>
<input type="submit" id="rb" name="rb" value="点击还原">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
