jquery_jquery に基づくアニメーション効果コード

jquery アニメーション
の興味深い部分をレンダリングで示します:

考察:
画像を分割 div の背景画像として設定し、div の属性を制御して興味深いものを作成します。この例では 1 つは に示されており、興味のある友人は他のフィルターの実装を試すことができます。
この例の残りのアニメーションは、主に jquery で提供される animate と遅延を使用して実装されています。
animate: この関数の鍵は、アニメーション フォームと結果スタイル属性オブジェクトを指定することです。このオブジェクトの各プロパティは、変更可能なスタイル プロパティを表します。
遅延: キュー内の後続の項目の実行を遅らせる遅延を設定します。
効果の例:

<title>jQuery アニメーション</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> *{margin: 0px;padding: 0px;} #test{width:300px; height: 300px; position: relative; margin: 20px auto 0px;} </style> <div id="test"> <img src="/static/imghw/default1.png" data-src="http://files.jb51.net/upload/201207/20120725224206212.jpg" class="lazy" alt="" style="max-width:90%" style="max-width:90%"> </div>
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]