Jquery UIの振動エフェクトの実装原理とsteps_jquery-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

Jquery UIの振動エフェクトの実装原理とsteps_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:42 PM

uiショック

ブログページの特定の部分に読者の注意を引き付けたい場合は、広告などの部分を振動させることができます。今日の記事では、ページ内の要素を振動させる方法を紹介します。

この目的を達成するには、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); 
}); 

 
 

ここでは最新バージョンをインポートしました。

完全なコードは以下に添付されています

コードをコピーしますコードは次のとおりです:

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。