Cet article partage avec vous l'exemple de code JavaScript pour implémenter la fonction de notation cinq étoiles. Vous pouvez vous y référer et en tirer des leçons. La méthode d'implémentation spécifique est la suivante
.Avant de partager l'exemple de code d'implémentation de la fonction d'évaluation cinq étoiles en JavaScript, jetons un œil au rendu :
étoile1.png 
étoile1.png 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>53</title>
<script src='js/jquery-1.11.1.js'></script>
<style>
*{
margin: 0;
padding: 0;
}
body{
padding: 20px;
}
.star1{
width: 70px;
height: 13px;
background: url('images/star1.png') repeat-x left center;
}
.star2{
/* width: 60%;*/
height: 13px;
background: url('images/star2.png') repeat-x left center;
float: left;
}
</style>
<script>
$(function(){
var fiveStars=function(num){
if(!num||num<3){
return '--';
}
return '<div class="star1"><div class="star2" style="width:'+num*20+'%"></div></div>';
}
var str=fiveStars(4)
$('body').html(str)
})
</script>
</head>
<body>
<!--<div class='star1'><div class="star2"></div></div> -->
</body>
</html>
J'espère que cet article sera utile à tout le monde dans l'apprentissage de la programmation javascript.
Solution au problème selon lequel le système Win7 ne peut pas démarrer
utilisation du curseur Oracle
Que signifie la liquidation ?
Utilisation de la fonction GAMMAINV
Quelles sont les technologies de collecte de données ?
Quels sont les logiciels bureautiques
Pourquoi l'imprimante n'imprime-t-elle pas ?
qu'est-ce que Hadoop
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
