Utilisez html+css+js pour obtenir un effet simple

Quand on parcourt des articles sur d'autres sites internet, on peut souvent constater un effet de like collection en fin d'article, ce qui est très intéressant. Aujourd'hui, nous le ferons nous-mêmes pour obtenir cet effet.

(Recommandation vidéo d'apprentissage : tutoriel vidéo HTML)

style CSS

.like{ 
font-size:66px;  color:#ccc; cursor:pointer;}
.cs{color:#f00;}

contenu html

<p class="like">&#10084;</p>

code js

<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <script>
        $(function () {            
            $(".like").click(function () {
                $(this).toggleClass(&#39;cs&#39;);                
            })
        })
    </script>

Affichage de l'effet :

Résumé

Remarque : En fonctionnement réel, les données de fonctionnement en arrière-plan doivent être liées, mais c'est tout de même simple de.

Tutoriel recommandé : Tutoriel HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!