ajax实现插件实用的外挂代码
小谈,关于代码:
类似于插件的扩展对象,如特殊效果***
/ / * * * * * zynblog / /
/ / * * * * * 2016-5-11 / /
/ / *用法:jQuery('。praisebtn)。好评(选项);* / /
({函数);
美元。fn.praise =功能(选项){
var默认值= {
Obj:空, / / JQ对象,使用该对象tipsbox功能
显示要显示的内容;还可以传递HTML,如:哈哈。,,,,,,1
startsize:10px / /动画开始的文本大小
endsize:30px / /动画的最后文本大小
600间隔:文本动画时间间隔
颜色:红色 /文本颜色
回调函数:函数
};
var扩展(默认值,选项);合并参数
$(体)。追加(+ opt.str + );
变量框= $();
VaR左= opt.obj.offset()。左+ opt.obj.width() / / /跨度2;按钮在左侧加上其宽度的一半
var = opt.obj.offset(顶部)-(选择。obj。高度); / /顶部的距离减去高度
Box.css({
位置:绝对
左:左+
顶部:顶部+
Z:9999,
字体大小:opt.startsize,
行高:opt.endsize,
颜色:opt.color
});
box.animate({
字体大小:opt.endsize,
不透明:0
顶:顶parseInt(选择。endsize)+PX
Opt.interval(功能)},{
Box.remove();
Opt.callback();
});
}
}(jQuery);
返回图标
功能nicein(道具){
Prop.find('。praisenum)。AddClass('nicein)。Css(颜色
setTimeout(){()函数(
Prop.find('。praisenum)。Css(颜色
},1000);
};
使用方法:对jquery.js,引言和js插件插件所需的页面好评,$()函数({ })到{对象}事件可以注册点击。
HTML:
(2)
0记录标志(已被表扬),数据id记录文章ID
jQuery(本站不强制访客注册和登录,只需指出,因此它不限制访客数量的点数):
像统计效应+ Ajax的数量一样的赞点
pariseshow:函数(){
/ /使用自定义点样作用在zynblog.js,到这个插件出台之前
/ / jQuery的使用('event、对象、事件处理)的标签绑定事件不产生暂时。
jQuery(文档)
E.preventDefault();
获取点,比如0个未被保存的标志,比如1之后:
刚刚生成的页面,可以判断用户是否从库中点赞,并作为属性的初始值赞扬标志
这里没有必要这么严格,所以初始值是1(最多是给cookie一个标记)。
无功praiseflag = jQuery(this)。儿童(A)Attr('praise-flag);
/ /警报(praiseflag);
无功praiseartid = jQuery(this)。儿童(A)Attr('data-id);
/ /警报(praiseartid);
//1. 如果他不赞扬
如果(praiseflag = = 0){
无功curpraise = jQuery(this)儿童(A);
CurPraise.attr('praise-flag ',1); / /第一属性点识别的值设置为1
jQuery(this)。
Obj:jQuery(this),
+1
回调函数(){
JQuery.post( / / praisestatic档案
如果(data.status = = 1){
无功praisecount = parseInt(curpraise.text()。比赛( / D /));
CurPraise.text(curpraise.text()。更换(praisecount,praisecount + 1));
} {如果其他(data.status = 2)
警报(数据,消息);
} {如果其他(data.status = 0)
警报(数据,消息);
}
});
}
});
NiceIn(jQuery(this));
} {如果其他(praiseflag = 1)
//2. 如果已经受到表扬
jQuery;
无功tipbox = jQuery(。praisetip );
左(=);
Height();
Tipbox.css({
位置:绝对
左:左+
顶部:顶部+
Z:9999,
字体大小:12px
行高:13px
颜色:红色
});
tipbox.animate({
不透明0
},1200,函数(){()
Tipbox.remove();
});
}
});
},
下载地址:
jquery.praise.js