jquery 實現抖動效果

2022-02-01 01:45:36 字數 582 閱讀 9552

在專案中,登入頁驗證使用者名稱和密碼是否匹配,如果不匹配,則抖動輸入框,提示使用者輸入錯誤。

jquery.fn.shake = function (intshakes /*

amount of shakes

*/, intdistance /*

shake distance

*/, intduration /*

time duration

*/) );

for (var x = 1; x <= intshakes; x++) , (((intduration / intshakes) / 4)))

.animate(, ((intduration / intshakes) / 2))

.animate(, (((intduration / intshakes) / 4)));

} });

return

this

; }

呼叫方法:

$("抖動元素").shake(次數, 距離, 持續時間);

$("#username").shake(2, 10, 400);

視窗抖動效果

視窗抖動效果 原理 左右移動視窗,設定定時器,並設定視窗左右移動的最大範圍。也可以根據此思想設定視窗上下移動,東北 西南,東南 西北,等特殊方向移動。實現 cpp view plain copy print?intm nleftmin intm nrightmax crect m rcwnd boo...

Android實現介面元件的抖動效果

android實現介面元件的抖動效果採用的animation動畫,在系統提供的api demos 目錄為 android sdk samples android 8 apidemos 中已經實現了簡單的抖動效果 具體使用如下 第一步 準備兩個動畫效果的xml檔案,加入到 res anim 目錄下 s...

Jquery實現彈幕效果

前端顯示 吐槽 發射 樣式 html,body boxdom iddom content title text btn string js function crespan.css 擴充套件字幕顏色 var spandom boxdom span last child alert spandom.h...