js我这个五星评论代码哪里错了，帮忙看看啊
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>五星评论</title>
<script>
function indexof(arr,element){
for(i=0;i<arr.length;i++)
{
if(arr[i]==element){
return i;
}
return-1;
}
}
var a=document.getElementById("rating");
var b=a.getElementsByTagName("td");
for(i=0;i<b.length;i++)
{
var c=b[i];
c.onmouseover=changes;
}
function changes(){
var s=document.getElementById("rating");
var k=a.getElementsByTagName("td");
var index=indexof(k,this);
for(i=0;i<index.length;i++)
{
k[i].innerText ='★'
}
for(i=index+1;i<index.length;i++)
{
k[i].innerText ='☆'
}
}
</script>
</head>
<body onload="indexof()">
<table id="rating"><tr><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td></tr></table>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>五星评论</title>
<script>
function indexof(arr,element){
for(i=0;i<arr.length;i++)
{
if(arr[i]==element){
return i;
}
return-1;
}
}
var a=document.getElementById("rating");
var b=a.getElementsByTagName("td");
for(i=0;i<b.length;i++)
{
var c=b[i];
c.onmouseover=changes;
}
function changes(){
var s=document.getElementById("rating");
var k=a.getElementsByTagName("td");
var index=indexof(k,this);
for(i=0;i<index.length;i++)
{
k[i].innerText ='★'
}
for(i=index+1;i<index.length;i++)
{
k[i].innerText ='☆'
}
}
</script>
</head>
<body onload="indexof()">
<table id="rating"><tr><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td></tr></table>
</body>
</html> 展开
1个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style>
ul {
list-style: none;
}
li {
width: 29px;
height: 29px;
background: #fff url('../img/star.gif') no-repeat 0 0;
float: left;
}
.lihover {
background-position: 0 -29px;
}
</style>
<script>
$(document).ready(function () {
var i = 0,
$li = $('li'),
length = $li.length;
$li.mouseover(function () {
for (i = 0; i < length; i++) {
if (i <= $(this).index()) {
$li.eq(i).addClass('lihover');
} else {
$li.eq(i).removeClass('lihover');
}
}
});
$li.mousedown(function () {
alert('you got ' + ($(this).index() + 1) + ' point');
});
});
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
你可以试试这个 图片需要2个五角星 没hover时的灰和hover后的黄，你可以自己找下
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
网易云信
2023-12-06 广告
很高兴能回答您的问题。以下是一段针对“一对一消息组件”的描述，字数在200字左右：该组件支持用户之间的私密交流，让沟通更加直接和高效。通过它，您可以向特定对象发送消息，并实时查看消息状态，包括对方是否已读或未读。同时，该组件还支持富文本消息...
点击进入详情页
本回答由网易云信提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
