[B! jquery] hiroyadiのブックマーク

hiroyadi id:hiroyadi

jqueryに関するhiroyadiのブックマーク (6)

jQuery custom scrollbar
hiroyadi 2012/05/02
jquery

JavaScript
リンク
jQuery の Cycle で、フェードイン・フェードアウト切替のスライドショー
jQuery の Cycle プラグインを使い、フェードイン・フェードアウトのアニメーションで切り替えるスライドショーを作る方法。フェードイン、フェードアウトのアニメーションで切り替えるようにするには、fx オプションに「fade」を指定する。実装例（サンプル）実装例（サンプル）の動作について 5つの画像を、フェードイン・フェードアウトのアニメーションで、順番に表示する。 1つの画像の表示時間は、２秒。フェードイン・フェードアウトのアニメーション動作時間は、3秒。実装例（サンプル）のソースコード読み込みパスは、それぞれ、アップロードした場所を指定する。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cycle.all.js">
hiroyadi 2012/02/29
jquery
リンク
jQueryで画像などを自動でスライドするサムネイル付きコンテンツスライダーをシンプルに作成する方法｜BLACKFLAG
先日、とある案件で必要になり、jQueryを使って作成した、コンテンツ要素を自動でスライドさせるサムネイル要素付きのスライダーが今後も他でいろいろ使いまわせそうだったので、ここでも軽くスクリプトを紹介してみます。まずは動作のサンプルから。指定した間隔（時間）で一つずつ画像（コンテンツ要素）がスライドします。スライド箇所の下にサムネイルを配置し、マウスオーバーすることで該当箇所へ任意にスライドさせることができます。サムネイル部分にマウスオーバーしている間は、メイン部分の自動スライドの動作は停止します。この動作の全体構成について、 HTMLから。 ◆HTML <div id="slider_main"> <ul> <li><img src="img/photo01.jpg" width="400" height="300" alt="" /></li> <li><img sr
hiroyadi 2012/02/22
jquery
リンク
自動ビジュアル切替jQueryプラグイン – autoVisualSwitch.js() — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
仕事でメインビジュアルを自動で切り替えたいという要望があったのでプラグインを作成しました。昔ならFlashでしか出来ないと思っていたことが、Javascriptで出来るのはSEO・メンテナンス性を考えても嬉しいことです！ DEMO DOWNLOAD ファイル構造 HTML 全てを包括するid=”mainVisual”の中に、大きい画像用のid=”autoVisual”とナビゲーションのid=”autoNav”でHTMLを構成します。 id=”mainVisual”は直接JSと関係が無いので、名称を変えてもOKです。大きい画像にidとURLリンクを設定します。ナビゲーションには対象となる大きい画像のidをhrefに設定します。 JSがオンの場合はナビゲーションにも大きい画像のURLがリンクされます。逆にJSがオフの場合にはページ内リンクになるので、クリックすると大きい画像が切替ります。
hiroyadi 2012/02/20
jquery
リンク
クールなズームエフェクトjavascript「jQZoom」
画像を拡大表示するのにLightBoxを使用するのはもう時代遅れ。 LightBoxではできない指定場所の拡大もできます。 jQZoomはズームエフェクトをクールに実現します。 sponsors 使用方法 jQZoomからjquery.jqzoom.jsとjqzoom.cssをjQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="http://yourdomain/jqzoom.css" type="text/css" media="screen"> <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/jquery.jqzoo
hiroyadi 2011/08/02
jquery

*javascript
リンク
JavaScript色々まぜまぜ。主にjQuery使ったヤツ｜CSS HappyLife
Two I'm the two's tab content. ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ Three Guess who am I -- says the three's tab content.ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ <div class
hiroyadi 2008/08/08
jquery
リンク
1