100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jQuery实现的Div窗口震动特效【jquery】

jQuery实现的Div窗口震动特效【jquery】

时间:2019-04-26 05:06:23

相关推荐

jQuery实现的Div窗口震动特效【jquery】

web前端|js教程

jQuery,Div窗口,震动

web前端-js教程

vb ftp 源码,vscode无法完成浏览器,ubuntu 添加163,tomcat 熵 启动慢,node爬虫 餐馆,php实战视频教程下载,北京品牌seo优化服务费lzw

jquery窗口震动特效

;(function($){

var element = {};

$.fn.jshaker = function(){

element = $(this);

element.css(position, elative);

element.find(*).each(function(i, el){

$(el).css(position, elative);

});

var iFunc = function(){ $.fn.jshaker.animate($(element)); };

setTimeout(iFunc, 50);

};

$.fn.jshaker.animate = function(el){

$.fn.jshaker.shake(el);

el.find(*).each(function(i, el){

$.fn.jshaker.shake(el);

});

var iFunc = function(){ $.fn.jshaker.animate(el); };

setTimeout(iFunc, 50);

}

$.fn.jshaker.shake = function(el){

var pos = $(el).position();

if(Math.random() > 0.5){

$(el).css( op, pos[ op] + Math.random() * 20 < 10 ? (Math.random() * 20 * (-1)) : Math.random() * 20);

} else {

$(el).css(left, pos[left] + Math.random() * 20 < 10 ? (Math.random() * 20 * (-1)) : Math.random() * 20);

}

}

})(jQuery);

$(document).ready(function(){

$(.block).click(function(){

$(this).jshaker();

});

});

BODY{font-family: "Lucida Grande", Arial, Helvetica, sans-serif;color: #666666;font-size: 12px;background: #FFFFFF;}

A{color: #0A8ECC;}

A: HOVER{text-decoration: none;color: #8FCB2F;}

H1{font-weight: normal;color: #0A8ECC;margin: 0;padding: 0;}

BODY{margin: 20px;padding: 20px;}

STRONG{color: #000000;}

.vspacer{height: 20px;}

PRE.code{padding: 7px;background: #777777;color: #F0F0F0;width: 400px;overflow: auto;}

#content-area{border: 3px solid #CCCCCC;background: #F0F0F0;padding: 10px;width: 500px;}

P.script-link{clear: both;padding: 10px 0;border-top: 1px dotted #CCCCCC;}

#content .block {float: left;border: 1px solid #CCCCCC;background: #F0F0F0;padding: 10px;margin: 10px;width: 300px;}

jquery窗 口 震 动 特 效

点击本框内,可实现震动

dz社区源码怎么,vscode浏览运行,ubuntu ddm,tomcat日志查看,sqlite编辑器苹果,discuz采集动漫的插件,前端一般用什么框架,昆虫学上爬虫的定义,php 经纬度计算距离,金堂seo网络推广,网站响页,asp彩票网页模板,web个人网页模板lzw

Item 1

Item 2

Item 3

Sub Item 1

Sub Item 2

Sub Item 3

Sub Item 4

Sub Item 5

Item 4

Item 5

仿商之翼源码下载,vscode优秀插件,ubuntu核心小系统,idear部署tomcat,Mdb数据转换sqlite,黑月编译器插件v3.51,前端短视频播放框架,网络爬虫推荐课程,迅雷下载php,网站seo靠谱seo,简历用响应式网站源码,手机打开保存的网页代码,asp购物网站模板下载,页面换肤,药品库存管理系统数据库,万能小偷程序怎么用lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。