La mise en œuvre des niveaux de notation est similaire aux effets spéciaux de Taobao sur les bonnes critiques et les critiques négatives. Cliquez sur les différentes icônes de niveau pour afficher le texte correspondant.
Après avoir vu l'effet, je pense que tout le monde comprend ce que je vais dire. Maintenant, je vais vous montrer le code
.
Enfin, jetons un œil au JS. L'éditeur a noté tous les commentaires ci-dessus. Ce n'est en fait pas difficile. L'essentiel est d'approfondir notre compréhension..
Copier le code
Le code est le suivant :
$(fonction(){
$(".maxdiv div").bind("hover",function(){
$(this).attr("style","background:red");//Ajouter style="background:red" au div actuel;
$("div:last").prevAll().attr("style","background:red");//Ajouter des styles à tout ;
$(this).nextAll().attr("style","");//Tous les styles après le div actuel sont "";
var dsize=$("div [style ='background:red']").size();//Obtenir le nombre de tous les arrière-plans contenant style="background:red";
Si(dsize==1)
{
$('span').text("Très mauvais");
>
else if(dsize==2)
{
$('span').text("Différence");
>
else if(dsize==3)
{
$('span').text("Général");
>
else if(dsize==4)
{
$('span').text("OK");
>
else if(dsize==5)
{
$('span').text("Très bien");
>
});
});
Mes capacités personnelles sont limitées, donc le travail n'est pas très beau. Les amis dans le besoin peuvent le prendre et l'embellir, haha.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
