ホームページ  >  記事  >  ウェブフロントエンド  >  picChange 画像切り替えエフェクトの関数コード_JavaScript スキル

picChange 画像切り替えエフェクトの関数コード_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 18:28:061224ブラウズ

picChange 画像切り替えエフェクトの関数コード_JavaScript スキル

さまざまな特殊効果の実現を容易にする拡張可能なカプセル化メソッド。ソース コードでは、フェードアウト効果 (フェード関数) とムーブアウト効果 (移動関数) の実装メソッドを提供します。 )。

画像切り替えの特殊効果を実現するための 1 文の関数呼び出し。
picChange("画像 ul リストの ID"、画像切り替えのメソッド参照、画像切り替え時間、画像の移動方向);
最も単純な呼び出しメソッドと最も簡潔な HTML コードを使用して、この一般的に使用される画像切り替え効果を実装します。 。
使用例:

html コード:

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



  • ””gt;
  • ””
    ……
    < ;/ ul>


メソッドの呼び出し:
コードをコピーコードは次のとおりです。

//ダイレクト切り替えエフェクト
picChange("picChange")
//フェードアウトエフェクト
picChange("picChange",fade,500); );
/ /エフェクトを上に移動します
picChange(“picChange”,move,500,”up”)
//エフェクトを下に移動します
picChange(“picChange”,move,500) ,”down”);
// エフェクトを左に移動します
picChange(”picChange”,move,500,”left”);
// エフェクトを右に移動します
picChange (“picChange”,move,500,”right ”);

ここでデモをご覧ください: http://demo.jb51.net/js/picChange/index.html

パッケージのダウンロード アドレス
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。