前端

www6766comjQuery实现的给图片点赞+1动画效果_jquery_脚本之家

10 3月 , 2020  

完整实例代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

点击此处查看在线演示。

本文实例讲述了jQuery实现的给图片点赞+1动画效果。分享给大家供大家参考,具体如下:

点击弹出 +1放大效果  APP主题界面设计大赛  故事从很久很久以前开始,远在宇宙的另一端有一个星球,叫作柚柚星。柚柚星人他们每天过着精彩而又快乐的生活,他们长的就像一只圆圆甜甜的柚子。他们出门或是买东西都开UU飞船,地球人管它叫UFO。他们有很多的圈子,都在这个星球附近,他们有的时候走到这里看看,有时又到那里瞧瞧。柚柚星人很勤劳,为什么这么说呐,因为他们喜欢做记录,无论好坏,总之记录就这么诞生了。他们最爱吃的是柚果,别看柚果不大,那里面有很多很多的能量哦。他们每天起床都会按一下闹钟,新的一天开始了,然后查看火箭有没有送来什么意外的惊喜。如果什么都没有的话,他们的卫星就会重新搜索。故事听到这里是不是觉得很神奇,那我们现在就去柚柚星看看吧!     点击  { $.extend({ tipsBox: function  { options = $.extend({ obj: null, //jq对象,要在那个html标签上显示 str: "+1", //字符串,要显示的内容;也可以传一段html,如: "<b style='font-family:Microsoft YaHei;'>+1</b>" startSize: "12px", //动画开始的文字大小 endSize: "30px", //动画结束的文字大小 interval: 600, //动画时间间隔 color: "red", //文字颜色 callback: function () { } //回调函数 }, options); $.append("<span class='num'>" + options.str + "</span>"); var box = $; var left = options.obj.offset().left + options.obj.width() / 2; var top = 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 + "px" }, options.interval, function ; options.callback;function niceIn.addClass; setTimeout{ prop.find.removeClass; }$ { $.click { $.tipsBox, str: "+1", callback: function ; niceIn;


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图