Maison interface Web js tutoriel Exemple de jquery implémentant une fonction similaire à Taobao star rating_jquery

Exemple de jquery implémentant une fonction similaire à Taobao star rating_jquery

May 16, 2016 pm 04:36 PM
jquery 功能 淘宝

L'exemple de cet article décrit comment jquery implémente une fonction de notation par étoiles Taobao et est partagé avec vous pour votre référence. La méthode spécifique est la suivante :

La partie html du code est la suivante :

<body>
  <div id="div">
    <ul>
      <li>☆</li>
      <li>☆</li>
      <li>☆</li>
      <li>☆</li>
      <li>☆</li>
    </ul>
  </div>
  <p id="p"></p>
  <p id="score"></p>
</body>

Copier après la connexion

Dans le code ci-dessus :

id="p"afficher le score en temps réel

id="score" affiche le score final

Le code javascript est le suivant :

<script type="text/javascript">
$(function () {
  //为所有的li标签绑定mouseout和mouseover事件。bind({事件名:function(){},事件名:function(){}})的方法绑定多个事件
  $("#div li").bind({
 mouseout:function () {
   $(this).css("color", "black").html("☆").prevAll().css("color", "black").html("☆")
 },
 mouseover: function () {
   $(this).css("color", "red").html("★").prevAll().css("color", "red").html("★")
 }
  });
  //=实时显示分数.【index】搜索匹配的元素,并返回相应元素的索引值,从0开始计数。
   $("#div li").mouseover(function () {
   $("#p").html(parseInt( $(this).index("#div li"))+1);
 });
  //鼠标按下时,确定分数。额,就不更改了,大局已定。
 $("#div li").mousedown(function () {
   $("#score").html(("你选择的分数是" + (parseInt($(this).index("#div li")) + 1)));
   $(this).css("color", "red").html("★").prevAll().css("color", "red").html("★")
   //全部li标签的绑定事件全部清除--unbind方法可以加参数清除特定的事件。不加全部清除
   $(this).unbind().prevAll().unbind().nextAll().unbind();
 });
  })
</script>

Copier après la connexion

J'espère que cet article sera utile à la programmation WEB jQuery de chacun

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

La différence entre vivox100s et x100 : comparaison des performances et analyse des fonctions La différence entre vivox100s et x100 : comparaison des performances et analyse des fonctions Mar 23, 2024 pm 10:27 PM

Les téléphones mobiles vivox100 et x100 sont des modèles représentatifs de la gamme de produits de téléphonie mobile de Vivo. Ils représentent respectivement les niveaux de technologie haut de gamme de Vivo à différentes périodes. Par conséquent, ces deux téléphones mobiles présentent certaines différences en termes de conception, de performances et de fonctions. Cet article procédera à une comparaison détaillée entre ces deux téléphones mobiles en termes de comparaison des performances et d'analyse des fonctions pour aider les consommateurs à mieux choisir le téléphone mobile qui leur convient. Tout d’abord, examinons la comparaison des performances entre les vivox100 et x100. vivox100s est équipé des dernières

Comment obtenir une enveloppe rouge gratuite Taobao 2024 Comment obtenir une enveloppe rouge gratuite Taobao 2024 May 09, 2024 pm 03:22 PM

L'événement de commande gratuite Taobao 2024 aura lieu trois fois par jour. Vous devez passer une commande et payer la quantité correspondante de marchandises à l'heure correspondante. Le montant de la commande gratuite sera distribué sous forme d'enveloppes rouges de montants égaux. Ensuite, je vais vous expliquer comment recevoir l'enveloppe rouge de commande gratuite Taobao en 2024 : récupérez-la. Pour les utilisateurs gratuits, la qualification d'enveloppe rouge sera délivrée au package carte et coupon, qui est en état d'activation ; la version Web de Taobao ne dispose actuellement pas du package de cartes et de coupons et affiche uniquement les enregistrements gagnants de l'événement de commande gratuite ; le package de cartes et de coupons se trouve dans [Taobao APP-Mon Taobao] -Mes droits-Enveloppe rouge]. Comment obtenir des enveloppes rouges pour des commandes gratuites sur Taobao 20241. Pour les utilisateurs qui obtiennent des commandes gratuites, les qualifications de l'enveloppe rouge seront distribuées aux packages de cartes et de coupons, qui sont en attente d'activation 2. La version Web de Taobao ; n'a actuellement pas de packages de cartes et de coupons et affiche uniquement les enregistrements gagnants des activités de commande gratuites ;3. Le package de coupons de cartes se trouve dans [Taobao APP-My Taobao-Mes droits-Enveloppe rouge]

Comment changer de nom sur Taobao Comment changer de nom sur Taobao Mar 24, 2024 pm 03:31 PM

La fonction de changement de nom permet aux utilisateurs de changer librement leurs noms et surnoms dans Taobao. Certains utilisateurs ne savent pas comment changer leur nom sur Taobao. Il suffit de cliquer sur le compte Taobao de l'avatar dans les paramètres de Mon Taobao pour le modifier. l'éditeur vous l'apportera. Ceci est une introduction à la façon de changer votre nom et votre pseudo. Si vous ne le savez pas encore, téléchargez-le et essayez-le. Tutoriel d'utilisation de Taobao : Comment changer le nom sur Taobao ? Réponse : Dans les paramètres de Mon Taobao, cliquez sur le compte Taobao de l'avatar pour le modifier. Introduction détaillée : 1. Entrez Taobao et cliquez sur [Mon Taobao] en bas à droite. . 2. Cliquez sur l'icône [Paramètres] en haut à droite. 3. Cliquez sur l'avatar. 4. Cliquez à nouveau sur [Compte Taobao]. 5. Cliquez sur [Modifier le nom du compte], saisissez-le et modifiez-le.

Comment désactiver le rappel d'enveloppe rouge sur Taobao Comment désactiver le rappel d'enveloppe rouge sur Taobao Apr 01, 2024 pm 06:25 PM

Taobao est un logiciel d'achat en ligne couramment utilisé par de nombreux amis. Vous passez généralement des commandes et achetez beaucoup de choses sur Taobao. Il offre aux utilisateurs une fonction de rappel d'enveloppe rouge. Certains amis souhaitent le désactiver, alors dépêchez-vous et consultez le PHP chinois. site Internet. Liste des étapes pour désactiver les rappels d'enveloppes rouges sur Taobao 1. Ouvrez le centre personnel de l'application Taobao et sélectionnez le bouton [Paramètres] pour accéder à la page. 2. Recherchez l'option [Notification de message] Ici, vous pouvez sélectionner le bouton-poussoir de message, rechercher le message de l'enveloppe rouge et éteindre le commutateur. 3. Ou vous pouvez désactiver l'autorisation de notification de l'application Taobao via la page des paramètres de votre téléphone mobile, afin que tous les messages de Taobao n'entrent pas dans le push et ne puissent être vus qu'après l'avoir allumé. 4. Les utilisateurs peuvent définir les types de messages qu'ils souhaitent recevoir, ce qui facilite leur utilisation.

Les remboursements gratuits des enveloppes rouges « Taobao » seront-ils retournés ? Les remboursements gratuits des enveloppes rouges « Taobao » seront-ils retournés ? May 08, 2024 am 08:16 AM

Lorsque nous faisons des achats sur Taobao, nous utilisons souvent des enveloppes rouges gratuites pour bénéficier de réductions. Mais si nous avons besoin d’un remboursement, ces enveloppes rouges gratuites seront-elles retournées ? Jetons un coup d'œil à la réponse à cette question. Les enveloppes rouges gratuites de Taobao seront-elles remboursées ? Selon la situation, lorsque vous recevez une enveloppe rouge, l'enveloppe rouge est en attente d'activation. Avant d'échanger le produit, l'enveloppe rouge à activer n'est pas activée et ne peut pas être utilisée. temporairement. Vous attendrez que la réception du produit acheté soit confirmée, l'enveloppe rouge qui doit être activée peut être utilisée. S'il y a un problème avec le produit après avoir utilisé l'enveloppe rouge gratuite et qu'il doit être retourné, alors le retour de l'enveloppe rouge doit être jugé en fonction de la situation réelle : 1. Règles de remboursement 11. Si un remboursement intervient après le Une enveloppe rouge est utilisée, l'enveloppe rouge sera restituée au prorata. 2. Si l'enveloppe rouge n'est pas en retard, la période d'utilisation de l'enveloppe rouge retournée est la période d'utilisation initiale. Si elle est en retard, elle sera émise dans les 7 jours.

Comment utiliser l'enveloppe rouge gratuite 'Taobao' 510 Comment utiliser l'enveloppe rouge gratuite 'Taobao' 510 May 08, 2024 pm 10:00 PM

Comment utiliser l'enveloppe rouge gratuite Taobao 510 ? Taobao a récemment lancé un événement de commande gratuite pour célébrer son 510e anniversaire. Cet événement vous permet d'obtenir des enveloppes rouges de commande gratuites, et il présente de nombreux avantages. Je pense que de nombreux amis souhaitent participer à cet événement. Certains amis ont déjà reçu des enveloppes rouges de commande gratuites. , mais ce n'est pas le cas. Si vous connaissez l'utilisation spécifique, jetons un coup d'œil à l'introduction pertinente aujourd'hui. Instructions d'utilisation du paquet rouge de commande gratuite du 510e anniversaire de Taobao : Le paquet rouge de commande gratuite peut être utilisé une fois que toutes les commandes passées pour deviner des questions ont été confirmées et reçues. 1. Les utilisateurs peuvent émettre et récupérer des enveloppes rouges gratuites via la version Web de Taobao. Actuellement, il n'existe pas de package de cartes et de coupons, mais il peut être consulté sur [Application Taobao-Mon Taobao-Mes droits-Enveloppes rouges]. Pour les utilisateurs qui obtiennent la commande gratuite, la qualification de l'enveloppe rouge sera distribuée au package de cartes et de coupons, qui est en état d'activation, le package de cartes et de coupons est en cours pour gagner des prix ;

Qu'est-ce que l'auto-média exactement ? Quelles sont ses principales caractéristiques et fonctions ? Qu'est-ce que l'auto-média exactement ? Quelles sont ses principales caractéristiques et fonctions ? Mar 21, 2024 pm 08:21 PM

Avec le développement rapide d'Internet, le concept d'auto-média est devenu profondément ancré dans le cœur des gens. Alors, qu’est-ce que l’auto-média exactement ? Quelles sont ses principales caractéristiques et fonctions ? Ensuite, nous explorerons ces questions une par une. 1. Qu’est-ce que l’auto-média exactement ? Nous-médias, comme son nom l’indique, signifie que vous êtes les médias. Il fait référence à un support d'informations grâce auquel des individus ou des équipes peuvent créer, éditer, publier et diffuser de manière indépendante du contenu via la plateforme Internet. Différent des médias traditionnels, tels que les journaux, la télévision, la radio, etc., les automédias sont plus interactifs et personnalisés, permettant à chacun de devenir producteur et diffuseur d'informations. 2. Quelles sont les principales caractéristiques et fonctions du self-média ? 1. Seuil bas : L’essor des médias autonomes a abaissé le seuil d’entrée dans l’industrie des médias. Des équipements encombrants et des équipes professionnelles ne sont plus nécessaires.

Processus d'enregistrement du magasin Taobao Processus d'enregistrement du magasin Taobao Mar 25, 2024 pm 01:37 PM

1. Ouvrez l'application Taobao, cliquez sur [Mon Taobao] dans le coin inférieur droit, puis cliquez sur [Paramètres] dans le coin supérieur droit. 2. Sélectionnez [Règlement du marchand], cliquez sur [Ouvrir la boutique Taobao] et sélectionnez [Marchand général]. 3. Dans l'interface [Ouverture de boutique gratuite], les utilisateurs peuvent voir le processus spécifique d'ouverture d'une boutique [Marchand personnel]. 4. Nommez votre magasin, puis cliquez sur [Ouvrir un magasin], cochez les trois éléments et cliquez sur [Ouvrir un magasin pour 0 yuan]. 5. Enfin, complétez [Authentification de personne réelle] et complétez [Informations de base sur le magasin] pour ouvrir avec succès un magasin.

See all articles