jquery的小插件(按钮抖动)——衍生QQ窗口抖动

时间:2024-08-09 21:37:26

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" />