We value your experience and would love to hear your thoughts. Could you spare just two minutes to fill out a quick survey? Your feedback helps us make bxSlider even better! Thank you for your support 🤗
要素のスライドはサイトでよく使用する手法ではないでしょうか? それが簡単にできる「bxSlider | jQuery Content Slider」を紹介します。 sponsors 使用方法 bxSlider | jQuery Content Sliderからjquery.bxSlider.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.bxSlider.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#id名').bxSlider({ mode: 'sli
まずは下記ならびにフォトグラファー 木村 隆宏さんのサイトを御覧ください。 こちらのサイトでは、アクセス時にポートフォリオを順番にフェードさせることで非常に印象的となっています。 今回はこちらで使用しているJavaScriptをのぞきながら、どう実現しているのかを見ていきたいと思います。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 使用方法 フォトグラファー 木村 隆宏ではJavaScriptライブラリjQueryを利用し、fade.jsでフェードを制御しています。 該当部分を抜粋し、汎用的に書き換えたのが以下となります。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $('.fade
海外サイトを中心に背景が少しざらついているデザインが多くなっています。 これをJavaScriptで実現したのがDanielRapp/Noisyです。 sponsors 使用方法 DanielRapp/Noisy - GitHubからjquery.noisy.jsをダウンロード jQueryからjquery.jsをダウンロードします。 <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <script src="jquery.noisy.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('body').noisy({ inten
Demo: images IsotopeにはimagesLoadedプラグインも含まれており、画像のロードにコールバック関数を利用できます。 Isotopeの特徴 レイアウト モード: CSSだけではできない、インテリジェントでダイナミックなレイアウトを実現します。 フィルタリング: jQueryのセレクタを使用して、簡単にエレメントのフィルタリングが行えます。 ソート: あらゆるデータからソートが行えます。 各機能の互換性: レイアウトモード、フィルタリング、ソートの各機能は一緒に利用することができます。 最適化: Isotopeのアニメーションエンジンは、表示しているブラウザごとに最適なものを使用します。例えば、CSS3 transitons, transformsなどで、これらに非対応なブラウザ(IEなど)は、JavaScriptでアニメーションを実現します。 Isotopeの実装
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く