返回首页 | 一键访问 | 收藏本站 | 免费素材分享QQ群:136888926

当前位置:首页 > JS代码 > 文字代码 > jQuery点赞文字放大特效代码
下载地址收藏素材

jQuery点赞文字放大特效代码

jQuery点赞文字放大特效代码,代码很简洁,效果很实用~

<script>
;(function($){
$.extend({
tipsBox:function(options){
options=$.extend({
obj:null,//jq对象,要在那个html标签上显示
str:"+1",//字符串,要显示的内容;也可以传一段html,如:"<bstyle='font-family:MicrosoftYaHei;'>+1</b>"
startSize:"12px",//动画开始的文字大小
endSize:"30px",//动画结束的文字大小
interval:600,//动画时间间隔
color:"red",//文字颜色
callback:function(){}//回调函数
},options);
$("body").append("<spanclass='num'>"+options.str+"</span>");
varbox=$(".num");
varleft=options.obj.offset().left+options.obj.width()/2;
vartop=options.obj.offset().top-options.obj.height();
box.css({
"position":"absolute",
"left":left+"px",
"top":top+"px",
"z-index":9999,
"font-size":options.startSize,
"line-height":options.endSize,
"color":options.color
});
box.animate({
"font-size":options.endSize,
"opacity":"0",
"top":top-parseInt(options.endSize)+"px"
},options.interval,function(){
box.remove();
options.callback();
});
}
});
})(jQuery);
</script>

jQuery点赞文字放大特效代码

«
»
素材家园免费素材网