jquery点赞功能实现代码 点个赞吧!

时间：2017.05.07 发布人：nmwhlzxc
jquery点赞功能实现代码 点个赞吧!

已解决问题

谷歌nmwhlzxc用户在2017.05.07提交了关于“欧诗漫jquery点赞功能实现代码 点个赞吧!”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-03-12T20:12:32。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，谢谢你帮我,祝你快乐,愿你事事如意 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：ecoswayhao  

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

首先只需要在body中定义一个button识啊须普。和盛放心的盒子

<d考滑批笔告位市东输女断ivid="demo"></含作div><inputtype="button"id="btn1"value="点个赞吧"/>

由于还要引进心的图片，所以在这里我们在设置css样式的时候节出对术还要设置图片img的样世友宪初案世式。
css代码如下：

<styletype="text/css">*{margin:0px;padding:0px;}#btn1{position:absolute;bottom夜算煤:100px;width:200px;background-color:lightblue;font-siz专预当单e:18px;le散顶反后缩ft:45%;}img{bottom:100px;margin-left:-1**x;width:20px;height:20px;position:absolute;left:50%;}</style>


下来就是要写jquery函数。

(document).ready(function(){//1.首先给按钮绑定点击事件。(“#btn1”).click(function(){//2短滑肉孔怎任心雨钢聚.生成彩色的心，即随机选择图片。//2.1生成随机数var**m=Math.floor(Math.random()*3+1);//采脱航先使盾罗绝2.2生成一个img元素，并为其添加src属性varimage=扩清$(“”);//三个图片的名字分别是1.png\2.png\3.png,所以img的路径和图片名可以进行线面的字符串拼接image.attr(“src”,”./images/”+**m+”.png”);/垂化兵附价益粉句息提/3。将生成的img追加到页面上$(“#demo”).append(image);//4.下来就是让心动起来。从雷望未内突层点击按钮的地方向上飘。利用jquery的动画函数animate()//生成随机的距离左边的距离，这样就可以使心有种向上飘的感觉varleft=Math.染秋已力福曲从起到random()*800;image.基兴加众尽站animate({‘bottom':'800px',‘left':left,‘opacit身断y':'0'},3000);});})；});

效果图如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。