jquery的小插件(按钮抖动)——衍生QQ窗口抖动
2024-10-18 18:26:17
1、抖动的按钮
效果预览:http://runjs.cn/detail/tyx8dbag
<script type="text/javascript">
//shakenum:抖动的次数,shakeDistance:抖动的距离
jQuery.fn.Shake = function (shakenum , shakeDistance) {
this.each(function () {
var jSelf = $(this);
jSelf.css({ position: 'relative' });
for (var x = ; x <= shakenum; x++) {
jSelf.animate({ left: (-shakeDistance) },50)
.animate({ left: shakeDistance }, 50)
.animate({ left: }, 50);
}
});
return this;
}
</script> <script type="text/javascript">
$(function () {
$('#btn').click(function () {
$(this).Shake(, , );
});
});
</script>
<input type="button" value="抖动" id="btn" />
最新文章
- struts-validate.xml配置详解demo
- getElementsByClassName简单实现
- Matlab的GUI参数传递方式总结
- 【JSP】JSP向MySQL写入|读出中文数据——乱码问题
- 2012蓝桥杯C组本科决赛答案
- css样式之边框和内外边距
- 原生js-拉勾网首页效果
- Linux设置日期
- Python 2.7 学习笔记 条件与循环语句
- Java 反射 Class类
- iOS获取视频中的指定帧的两种方法
- Mac iterm2 linux vim 语言问题
- mysql 发生系统错误 1067
- Redis之Hash
- php抽象类和接口的区别
- freeplane使用指南
- activiti bpmnModel使用
- GitHub &;&; GitLab
- C# VideoAPI
- 基于【CentOS-7+ Ambari 2.7.0 + HDP 3.0】搭建HAWQ数据仓库 —— MariaDB 安装配置