今朝、時間をかけて星評価の効果を書き留め、皆さんと共有しました。レベルが限られておりますので、ご不明な点がございましたらご指摘ください。 まず、星の写真を用意します。灰色がデフォルト状態、黄色が選択状態です。図に示すように: コードを最後に添付します: コードをコピーコードは次のとおりです: javascript スター評価 <br>*{margin:0;padding:0;} <br>.wrapper{高さ:20px;パディング:5px;幅:130px;マージン:100px auto 10px;} <br>a{float:left;width:26px;height:20px;background:url(star.png) 0 -20px 繰り返しなし; } <br>p{font:24px SimSun;width:130px;margin-left:auto;margin-right:auto;} <br> ; < ;/a> 🎜> <br>window.onload = function(){ <br>var star = document.getElementsByTagName('a'); >var oDiv = document.getElementsByTagName ('div')[0]; <br>var temp = 0; <br>for(var i = 0, len = star.length; i < len; i ){ <br>star[i].index = i; <br>star[i].onmouseover = function(){ <br>clear(); <br>for(var j = 0; j <this.index j>star[ j].style.backgroundPosition = '0 0'; <br>} <br>} <br>star[i].onmouseout = function(){ <br>for(var j = 0 ; j < this.index 1; j ){ <br>star[j].style.backgroundPosition = '0 -20px'; <br>current(temp); [i].onclick = function (){ <br>temp = this.index 1; <br>document.getElementsByTagName('p')[0].innerHTML = temp 'stars'; <br>} <br>} <br>//すべてクリア <br>function clear(){ <br>for(var i = 0, len = star.length; i star[i].style .backgroundPosition = '0 -20px'; <br>} <br>} <br>//現在の星の番号を表示<br>function current(temp){ <br>for(var i = 0; i <br>.style.backgroundPosition = '🎜>} <br>}; ><br> <br>添付<br>ダウンロード アドレス<br> <br><br>追記<br>: これらは、暇で退屈なときに学んだ JavaScript の知識を使って、私が思いのままに書いたいくつかのエフェクトです。</this.index> </div>