博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery文字“橡皮圈“特效
阅读量:6900 次
发布时间:2019-06-27

本文共 2452 字,大约阅读时间需要 8 分钟。

            
划过我触发橡皮圈特效划过我触发橡皮圈特效
(function($){    $.fn.eraser = function(options){        return this.each(function(){            //----------------分割--------------------//            var ele = $(this);            for(var i=0; i
"; } ele.eq(i).html(splitHtml.join("")); //把数组中的所有元素放入一个字符串 } var eleSpan = ele.find("span"); for(var i=0; i
iMaxTop) { aSpan.animate({ //清除 0 top: iStartTop }, 500, "easeOutElastic"); $(this).find("span").on("mouseenter", rubber); $(this).find("span").off("mouseenter", currently); this.onmouseleave = null; this.onmousemove = null } else { for(var i = 0; i < aSpan.length; i++) { if(iMouseY > iStartY) { var iSpanTop = iTop - Math.abs(i - iIndex); if(iSpanTop < iStartTop) { iSpanTop = iStartTop } } else { if(iMouseY < iStartY) { var iSpanTop = iTop + Math.abs(i - iIndex); if(iSpanTop > iStartTop) { iSpanTop = iStartTop } } } aSpan.eq(i).css({ "top": iSpanTop + "px" }); } } this.onmouseleave = function(){ //鼠标移除事件 aSpan.animate({ "top" : iStartTop }, 500, "easeOutElastic"); $(this).find("span").on("mouseenter", rubber); $(this).find("span").off("mouseenter", currently); //关闭 $(this).mouseleave(null); $(this).mousemove(null); } } } function currently() { obj = $(this); } }); }})(jQuery);

 

转载于:https://www.cnblogs.com/xueweijie/p/8057019.html

你可能感兴趣的文章
SQL SERVER数据库权限
查看>>
Nginx 基础篇(二)
查看>>
Linux 中 10 个有用的命令行补全例子
查看>>
【思想篇之爱左看右】
查看>>
Hadoop2.6+Zookeeper3.4+Hbase1.0部署安装
查看>>
测试唯一ID支持多大的并发量
查看>>
centos 安装部署docker与局域网主机相通详细配置
查看>>
老鸟经验谈linux运维人员到底要不要考linux认证
查看>>
solr配置
查看>>
CSS HACK 区别于ie6/7/8/firefox的小问题
查看>>
编译一个可以用Qemu进行Debug的Linux Kernel:
查看>>
linux 服务器 keras 深度学习环境搭建
查看>>
xshell+xmanager远程linux图形化界面
查看>>
布局模型
查看>>
我的友情链接
查看>>
jquery 实现复选框 全选/反选
查看>>
我的友情链接
查看>>
http://www.mossle.com/wiki/13.lemon-devguide/0008.modeler
查看>>
UI自动化测试之selenium(3)——采坑填坑集
查看>>
全美五大最创新的公司
查看>>