ブログ ページの特定の部分に読者の注意を引き付けたい場合は、広告などの部分を振動させることができます。今日の記事では、ページ内の要素を振動させる方法を紹介します。
この目的を達成するには、Jquery と Jquery UI を使用する必要があります。
まず、シェイク ブロックを作成します。これは、画像または div、span などの通常の dom 要素で、要素の ID にシェイクという名前を付けることができます。
次のように画像を使用します:
< ;img src="http://jqueryui.com/jquery-wp-content/主題/jquery/images/logo-jquery-ui.png" id="shake"/> >
Jquery UI には要素を振動させる既製のメソッドがありません。これを実現するにはエフェクト メソッドを使用する必要があります。構文は次のとおりです:
effect('shake', options, Speed);
パラメータ オプション (3 つあります)ここでのパラメータ）：
・回：要素が揺れる回数を指定
・距離：要素の振動振幅を指定
・方向：要素の振動方向を指定
以下となります。具体的な実装方法は、振動を 3 回設定し、500ms ごとに振動を呼び出します:
関数 interval() {
$('#shake').effect('shake', { 回:3 }, 100);
}
$(ドキュメント) ).ready(function() {
var shade = setInterval(interval, 500);
});
ここでは最新バージョンをインポートしました。
完全なコードは以下に添付されています
著者別の最新記事
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
