jQuery通过扩展实现抖动效果的方法
本文实例讲述了jQuery通过扩展实现抖动效果的方法。分享给大家供大家参考。具体实现方法如下:
1.JavaScript代码如下:
jQuery.fn.shake=function(intShakes/*Amountofshakes*/,intDistance/*Shakedistance*/,intDuration/*Timeduration*/){ this.each(function(){ varjqNode=$(this); jqNode.css({position:‘relative'}); for(varx=1;x<=intShakes;x++){ jqNode.animate({left:(intDistance*-1)},(((intDuration/intShakes)/4))) .animate({left:intDistance},((intDuration/intShakes)/2)) .animate({left:0},(((intDuration/intShakes)/4))); } }); returnthis; }
2.使用方法如下:
$(function(){ $('#btn').click(function(){ $(this).shake(2,10,400); }); });
希望本文所述对大家的jQuery程序设计有所帮助。