成都网站建设设计

将想法与焦点和您一起共享

点赞jquery,点赞神器

jquery 怎么把好友空间全部点赞

看到有网友制作了对空间好友的动态点赞,加了个以及取消赞的功能。直接运行的脚本

创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、网站建设、修武网络推广、重庆小程序开发公司、修武网络营销、修武企业策划、修武品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供修武建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

好友动态点赞代码

jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ console.log(item); jQuery(item).trigger('click'); }); jQuery(window).scroll(function(){ jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ jQuery(item).trigger('click'); }); return true; });

取消已点赞

jQuery("a.qz_like_btn_v3[data-clicklog='cancellike']").each(function(index,item){ console.log(item); jQuery(item).trigger('click'); }); jQuery(window).scroll(function(){ jQuery("a.qz_like_btn_v3[data-clicklog='cancellike']").each(function(index,item){ jQuery(item).trigger('click'); }); return true; });

jQuery或js点赞功能代码,并且要把数据传到数据库

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

div id = "demo"/div

input type = "button" id = "btn1" value = "点个赞吧" /

由于还要引进心的图片,所以在这里我们在设置css样式的时候还要设置图片img的样式。

css代码如下:

style type="text/css"

*{

margin: 0px;

padding: 0px;

}

#btn1{

position: absolute;

bottom:100px;

width: 200px;

background-color: lightblue;

font-size: 18px;

left:45%;

}

img{

bottom:100px;

margin-left: -15px;

width: 20px;

height:20px;

position: absolute;

left: 50%;

}

/style

下来就是要写jquery函数。

(document).ready(function(){

// 1. 首先给按钮绑定点击事件。(“#btn1”).click(function(){

//2. 生成彩色的心,即随机选择图片。

// 2.1 生成随机数

var num = Math.floor(Math.random() * 3 +1);

//2.2 生成一个img元素,并为其添加src属性

var image = $(“”);

//三个图片的名字分别是 1.png\2.png\3.png,所以img的路径和图片名可以进行线面的字符串拼接

image.attr(“src”,”./images/”+num+”.png”);

//3。将生成的img追加到页面上

$(“#demo”).append(image);

//4. 下来就是让心动起来。从点击按钮的地方向上飘。利用jquery的动画函数animate()

//生成随机的距离左边的距离,这样就可以使心有种向上飘的感觉

var left = Math.random() * 800;

image.animate({

‘bottom':'800px',

‘left':left,

‘opacity':'0'

},3000);

});

});

});

[img]

怎么利用ajax 和 js实现点赞功能

先引入jquery文件

然后点击事件比如说下面的html代码

a class="like" data-id="55"点我赞一个span class="zan"99/span/a

然后js代码

$(document).on("click",".like",function(){

var dataid=$(this).attr("data-id");

var url='3tii.com/test/ajax.php?id='+dataid;

$.ajax({

url: url,

type: 'get',

dataType:'json',

success: function (data) {

$('.zan').html(data.html);

}

});

});

然后ajax.php文件,这个文件里面先获取id,然后根据id,update新"赞"那个字段,每点一次就+1,

然后再获取"赞"字段的值,就是总的赞了多少次,将结果存到数组里面,返回json数据,就是上面js的,data.html

ajax.php相关代码

//相关的sql语然,按照你自己的来,根据获取的id,update新"赞"那个字段,每点一次就+1

//然后再获取"赞"字段的最新值

$data=array(

"html"=23 //这里是获取到的赞的最新值

);

}

echo json_encode($data);

ok,就可以了.


新闻名称:点赞jquery,点赞神器
分享路径:http://chengdu.cdxwcx.cn/article/dsopsjj.html