suchen

Heim  >  Artikel  >  Web-Frontend  >  JS implementiert die Sternebewertungsfunktion

JS implementiert die Sternebewertungsfunktion

小云云
小云云Original
2018-03-02 15:40:532355Durchsuche

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

In Verbindung stehende Artikel

Mehr sehen