ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryキュー関数の使用例example_jquery

jqueryキュー関数の使用例example_jquery

WBOY
WBOYオリジナル
2016-05-16 16:26:271295ブラウズ

この記事の例では、jquery キュー関数の使用法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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


<頭>




<スタイル>
div { マージン: 3 ピクセル; 高さ: 40 ピクセル;
位置: 絶対; 上: 30 ピクセル; 背景:緑; 表示:なし; div.newcolor {背景:青}

ここをクリック...

<スクリプト>
$(document.body).click(function () {
$("div").show("slow");
//$("div").slideDown();
$("div").animate({left:' =200'},2000);
$("div").queue(function () {//Queue
$(this).addClass("newcolor");
$(this).dequeue();//デキュー
});
$("div").animate({left:'-=200'},2000);
$("div").queue(function () {//Queue
$(this).removeClass("newcolor");
$(this).dequeue();//デキュー
});
$("div").slideUp();
});




この記事が皆さんの jQuery プログラミングの学習に役立つことを願っています。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。