jQuery简单实现QQ空间点赞已经取消点赞
看到有网友制作了对空间好友的动态点赞,加了个以及取消赞的功能。直接运行的脚本
好友动态点赞代码
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+ajax实现实用的点赞插件代码
之前给大家总结了jQuery插件开发的两种方式,这里就实践一下,做一款点赞特效插件,先看看效果吧: 废话少说,上代码: //***扩展对象点赞插件.点赞特效***// //***Zynblog**// //***2016-5-11**// //***用法:jQuery('.praisebtn').praise(options);***// ; (function ($) { $.fn.praise = function (options) { var defaults = { obj: null
-
jQuery实现的超简单点赞效果实例分析
本文实例讲述了jQuery实现的超简单点赞效果,分享给大家供大家参考,具体如下: 1.HTML(可以优化一下,尽量少些几个标签.....) <div id="dianz"> <b class="cz"><em>1</em><i></i><s></s><u>超赞</u></b> <b class="tj">
-
jQuery+ajax实现文章点赞功能的方法
本文实例讲述了jQuery+ajax实现文章点赞功能的方法.分享给大家供大家参考,具体如下: 前几日有童鞋问我索要本站右上角的点赞功能,麦葱左思右想,决定把这功能分享出来,希望此功能对各位会带来方便哦. 代码很简单,jQuery+php实现的. jQuery代码: jQuery(document).ready(function($) { $(".zan").click(function(e){ var $i=$(".zan i"), $b=$("<b
-
jquery心形点赞关注效果的简单实现
html代码 <div class="stage"> <div class="heart"></div> </div> css代码 .heart { width: 100px; height: 100px; background: url("") no-repeat; background-position: 0 0; cursor: pointer; -webkit-transition: bac
-
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
本文实例讲述了jQuery实现的给图片点赞+1动画效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示. 完整实例代码点击此处本站下载. 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&
-
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
本文实例讲述了jQuery实现的点赞随机数字显示动画效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示. 完整实例代码点击此处本站下载. 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=
-
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
本文实例讲述了php+jQuery+Ajax实现点赞效果的方法.分享给大家供大家参考,具体如下: 数据库设计 先准备两张表,pic表保存的是图片信息,包括图片对应的名称.路径以及图片"赞"总数,pic_ip则记录用户点击赞后的IP数据. CREATE TABLE IF NOT EXISTS `pic` ( `id` int(11) NOT NULL AUTO_INCREMENT, `pic_name` varchar(60) NOT NULL, `pic_url` varchar(60
-
jQuery+CSS3实现点赞功能
效果图: 图(1) 初始图 图(2) 点击后 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m
-
jquery点赞功能实现代码 点个赞吧!
要实现的点赞功能比较简单,就是实现点击按钮,有心向上飘,一直飘出屏幕外. 首先只需要在body中定义一个button.和盛放心的盒子 <div id = "demo"></div> <input type = "button" id = "btn1" value = "点个赞吧" /> 由于还要引进心的图片,所以在这里我们在设置css样式的时候还要设置图片img的样式. css代码如下: &
-
jQuery实现简单的点赞效果
本文实例讲解了jQuery实现简单的点赞效果的详细代码,具体内容如下 效果图: 下面提供一个"点赞"的实例代码,用ASP.NET MVC4+jQuery Ajax实现. Model: namespace MvcAjaxAdd.Models { public class ClickCountModel { [Key] [DatabaseGeneratedAttribute(System.ComponentModel.DataAnnotations.Schema.DatabaseGener
随机推荐
- sql 判断数据库,表,存储过程等是否存在的代码
- js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
- Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
- 惊!QQ新漏洞 腾讯3亿用户遭受威胁 附说明
- Windows下安装squid的步骤详解
- PHP实现表单提交时去除斜杠的方法
- 详解Linux的SOCKET编程
- 实例解析如何在Android应用中实现弹幕动画效果
- bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
- js之WEB开发调试利器:Firebug 下载
- 详解Java中格式化日期的DateFormat与SimpleDateFormat类
- 使用CSS和jQuery模拟select并附提交后取得数据的代码
- JQuery报错Uncaught TypeError: Illegal invocation的处理方法
- javascript 事件查询综合 推荐收藏
- php 保留小数点
- 使用Java代码进行因数分解和求最小公倍数的示例
- Java中用户向系统传递参数的三种基本方式实例分享
- 解读Python中degrees()方法的使用
- Android招聘面试题解答
- vue.js使用代理和使用Nginx来解决跨域的问题