重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
看到有网友制作了对空间好友的动态点赞,加了个以及取消赞的功能。直接运行的脚本
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、网站建设、修武网络推广、重庆小程序开发公司、修武网络营销、修武企业策划、修武品牌公关、搜索引擎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; });
首先只需要在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]先引入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,就可以了.