bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptリストなど複数の要素をランダムにフェードで表示していくjQueryプラグイン「champagne.js」JavaScript2012.06.18リストなど複数の要素をランダムにフェードで表示していくjQueryプラグイン「champagne.js」どこかで使う機会がありそうな感じのjQueryプラグイン「champagne.js」を使ってみました。これを使えばリスト化した要素などをランダムで次々と表示させていくことができます。ページを読み込んだ時にこんな感じで表示されると、とても印象的になりますね。いうことで以下使い方です。[ads_center]使い方ダウンロードした中にあるCSSファイルを使う場合は以下を読み込んでおきます。/>li要素で表示させたいテキストを記述していきます。・</ul>jQuery本体とダウンロードしたプラグインを読み込みます。src="champagne/jquery.champagne.min.js"></script>あとはランダムで表示させるためにchampagneをセットします。$("ul.champagne").champagne();});</script>オプションオプションではスタート時の表示時間やフェードのスピードなんかを調整することができます。指定する場合はこんな感じで指定します。});});</script>ということで、使い方、オプション共にシンプルなのでとても使いやすいですね。以下のページからダウンロードできます。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。-URL検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。