ブログ ページの特定の部分に読者の注意を引き付けたい場合は、広告などの部分を振動させることができます。今日の記事では、ページ内の要素を振動させる方法を紹介します。
この目的を達成するには、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);
});
ここでは最新バージョンをインポートしました。 }
$(ドキュメント) ).ready(function() {
var shade = setInterval(interval, 500);
});
完全なコードは以下に添付されています
コードをコピーします コードは次のとおりです:
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
<🎜>：庭を育てる - 完全な突然変異ガイド
3週間前ByDDD
<🎜>：バブルガムシミュレーターインフィニティ - ロイヤルキーの取得と使用方法
3週間前By尊渡假赌尊渡假赌尊渡假赌
Nordhold：Fusion System、説明
3週間前By尊渡假赌尊渡假赌尊渡假赌
マンドラゴラ：魔女の木のささやき - グラップリングフックのロックを解除する方法
3週間前By尊渡假赌尊渡假赌尊渡假赌
ホットツール
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール
Dreamweaver Mac版
ビジュアル Web 開発ツール
Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
