jquery赞函数实现代码 请赞一下！

要实现的点赞功能比较简单，就是点击按钮，用心向上飘，一直飘出屏幕。

首先，您只需要在正文中定义一个按钮。和心灵平静的盒子

div id=' demo '/div input type=' button ' id=' BTN 1 ' value='给我一个赞'/因为我们需要介绍一张心脏的图片，在这里设置css样式的时候需要设置图片img的样式。Css代码如下：

style type=' text/CSS ' * { margin : 0px；padding: 0px} # btn1 { position: absolutebottom:100px宽度： 200 px；背景-颜色：浅蓝色；font-size : 18px；左侧：45%；} img { bottom:100px左边距：-15px；宽度： 20px；高度：20 px；绝对位置：左侧：50%；}/样式

下一步是编写jquery函数。

(文档)。ready(function(){ //1。首先用点击事件绑定按钮。(“# btn1”)。单击(function () {//2。生成彩色心形，即随机选择图片。//2.1生成随机数varnum=math . floor(math . random()* 3 ^ 1)；//2.2生成一个img元素，并向其中添加src属性var image=$(" ")；//三张图片的名称分别为1.png\2.png\3.png，所以img的路径和图片名称可以通过string image . attr(“src”、“”)进行拼接。/images/"num "。png ")；//3。将生成的img追加到页面$(“# demo”)中。追加(图像)；//4.下来是为了让你心动。从单击按钮的位置向上浮动。使用jquery的动画功能animate()//生成一个向左的随机距离，让心脏感觉像是在向上浮动。var left=math . random()* 800；image . animate({ ' bottom ' : ' 800 px '，' left':left，' opacity':'0' }，3000)；});});});效果图如下：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。