美文网首页
html点赞效果的实现

html点赞效果的实现

作者: 程序媛_ | 来源:发表于2021-07-21 15:58 被阅读0次

效果:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style type="text/css">

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

.cs{color:#f00;}

</style>

</head>

<body>

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

</body>

<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

    <script>

        $(function () {           

            $(".like").click(function () {

                $(this).toggleClass('cs');               

            })

        })

    </script>

</html>

相关文章

网友评论

      本文标题:html点赞效果的实现

      本文链接:https://www.haomeiwen.com/subject/cnndmltx.html