限られたスペースに設置するのに最適、コンテンツにスクロールバーを設置するjQueryのプラグインを紹介します。 スクロールバーのデザインはCSSで簡単にカスタマイズできます。
限られたスペースに設置するのに最適、コンテンツにスクロールバーを設置するjQueryのプラグインを紹介します。 スクロールバーのデザインはCSSで簡単にカスタマイズできます。
久しぶりの技術系ネタの記事です。 Flashだとスクロールバーまで好きなように作れるけど、HTMLだと標準のスクロールバーでどうもサイトのデザインと合わなくてダサいと思う事があるかと思います。 そんな訳でリサイズに対応したウィンドウ全体のスクロールバーのカスタマイズをjQueryプラグインのjScrollPaneを使ってサンプルを作ってみました。 完成サンプルはこんな感じ。 サンプル jScrollPane自体は結構古いスクリプトなのでjQuery1.2.6を使ってますが最新の1.4.2でも問題なく使うことが出来ます。一応ちょいちょいバージョンアップがされているようですしね。 他の多くのサイトでも載っているので、普通に設置する所までは割愛します。 以下のサイトにサンプルコードが載っているので参考にしてください。 要素のスクロール|jQuery plugin|Ajax|PHP & JavaS
DEMO スクロールバーをカスタマイズするjScrollPaneプラグインの使い方をまとめました。正確な使用法というよりは最低限使えるかたちにする設定方法です。 まずはHTMLのhead部分でjsとCSSを読み込みます。 ダウンロード先は以下になります。 jScrollPane.js jquery.mousewheel.js(サイト内のmousewheelからダウンロード。ホイールでスクロールさせるためのプラグインです) <link rel="stylesheet" href="common/css/jScrollPane.css" type="text/css" media="screen,tv,print" /> <script type="text/javascript" src="common/js/jquery.js"></script> <script type="text
JavaScriptでCSSを切り替えて文字サイズを変更する方法 styleswitcher.jsをつかって、CSSを切り替えて文字サイズを変更する方法を書きます。 このページ自身がサンプルページになってます。 1.JavaScriptをダウンロード A list apartの記事の下部にあるDownload styleswitcher.jsをクリックして、ファイルをダウンロードしてください。 これをHTMLのheadタグ内に貼り付けます。 また、私は残念ながらJavaScriptコーダーではないので、JavaScriptを書くのにjQueryを使っています。 書ける人はダウンロードする必要はないです。 もっていない方はjQuery本家サイトでダウンロードしてください。 Downloadをクリックすると、jquery-1.2.6.min.jsというのが出てきますが、これでOKです。 今
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く