Heim > Artikel > Web-Frontend > JS implementiert die Sternebewertungsfunktion
JS implementiert die Sternebewertungsfunktion
- 小云云Original
- 2018-03-02 15:40:532287Durchsuche
Dieser Artikel teilt Ihnen hauptsächlich die JS-Implementierung der Sternebewertungsfunktion mit. Ich hoffe, er kann allen helfen.
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>点亮星星评分</title></head><body onload="test()"><table id ="czy">
<tr>
<td>★</td><td>★</td><td>★</td><td>★</td><td>★</td>
</tr></table><input type="button" id="ok" value="打分"><script>
tds=document.getElementsByTagName("td"); for(var i=0;i<tds.length;i++){
tds[i].onmouseover=test;
} var index; function test(){
for(var i=0;i<tds.length;i++){ if(tds[i]==this)
{
index=i;
}
} for(var i=0;i<=index;i++) {
tds[i].style.color = "red";
} for(var i=index+1;i<tds.length;i++){
tds[i].style.color="black";
}
}
document.getElementById("ok").onclick=function(){
alert("评分："+(index+1)+"分");
}</script></body></html>
Verwandte Empfehlungen:
js leuchten die Sternebewertung auf und erhalten die Parameter js-Code _Javascript-Kenntnisse
Codefreigabe zur Implementierung des Sternbewertungseffekts in JavaScript
jquery implementiert eine ähnliche Taobao-Sternebewertungsfunktion mit „screenshots_jquery“
Das obige ist der detaillierte Inhalt vonJS implementiert die Sternebewertungsfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：js erkennt, dass das Überschreiten des Textes zu Auslassungspunkten wirdNächster Artikel：js erkennt, dass das Überschreiten des Textes zu Auslassungspunkten wird