【jQuery】スクロールバーをオシャレにカスタマイズする「jScrollPane」の使い方 ｜ KLUTCHE
どんなにサイトをクールなデザインに仕上げても、どうしても邪魔するスクロールバー。 jQeryをプラグイン使ってCSSで自由にカスタマイズします。 デモ デモページ 必要なファイル一式 jScrollPaneというjQueryプラグインを使用します。 最低限必要なのは ・jQuery本体 ・jquery.jscrollpane.min.js ・jquery.jscrollpane.css の3つです。 HTML まず上の3つのファイルをhead内で読み込みます。 <link rel="stylesheet" href="jquery.jscrollpane.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <s
【jQuery】サムネイルをクリックするとメイン画像が切り替わるシンプルな写真ギャラリー ｜ KLUTCHE
余計な機能を省いたシンプルな写真ギャラリーをサイトに設置したい時には試してみてください。 HTMLもjavascriptも短く、理解しやすいのでカスタマイズも容易だと思います。 まずはデモ デモページはこちら javascript jQuery依存のスクリプトなので、まずjQueryを読み込んでください。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> その後、下のスクリプトを記載します。 $(function(){ $("img.ChangePhoto").click(function(){ var ImgSrc = $(this).attr("src"); var ImgAlt = $(this).attr("al
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
