源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery通过扩展实现抖动效果的方法

  • 时间:2022-07-03 12:26 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery通过扩展实现抖动效果的方法
本文实例讲述了jQuery通过扩展实现抖动效果的方法。分享给大家供大家参考。具体实现方法如下: 1. JavaScript代码如下:    
[u]复制代码[/u] 代码如下:
jQuery.fn.shake = function(intShakes /*Amount of shakes*/, intDistance /*Shake distance*/, intDuration /*Time duration*/) {     this.each(function() {         var jqNode = $(this);         jqNode.css({position: ‘relative'});         for (var x=1; x<=intShakes; x++) {             jqNode.animate({ left: (intDistance * -1) },(((intDuration / intShakes) / 4)))             .animate({ left: intDistance },((intDuration/intShakes)/2))             .animate({ left: 0 },(((intDuration/intShakes)/4)));         }     });     return this; }
2. 使用方法如下:
[u]复制代码[/u] 代码如下:
$(function() {   $('#btn').click(function() {     $(this).shake(2,10,400);   }); });
希望本文所述对大家的jQuery程序设计有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部