CSSでロールオーバーもどき
CSSでロールオーバーもどき ロールオーバーの際に画像の輝度を上げるやり方がありますけど、CSSで簡単にできます。 XHTMLソース <a href="http://blog.webcreativepark.net"><img src="./tor.gif" alt="to-R"/></a> CSSソース a:hover img{ opacity:0.8; filter: alpha(opacity=80); } サンプル ロールオーバー時にimg要素のopacityプロパティを使い不透明度を下げます。 IEはopacityプロパティに対応していない為、filterを使い不透明度を下げます。 簡単なんで、忙しいときに重宝します。 関連エントリー CSSで実現するスマートなロールオーバー 画像置換 cssで画像をプリロードする方法（改 一番簡単な画像置換の方法 画像置換でメニューを作る 画像
タスクバーやタスクトレイで並べ替えができる無料ツール『Taskbar Shuffle』 | POP*POP
ちょっと便利なユーティリティソフトのご紹介（via Lifehacker）。Windows専用のフリーウェアです。 このTaskbar Shuffleを使うとタスクバーやタスクトレイでアイコンやらウィンドウやらの並べ替えができます。タスクバーにたくさんウィンドウが並んだけど、これはこっちに来て欲しい・・・というときに便利です。 ↑ このように並び替えができます。ちょっと便利。 なお、操作はマウスでドラッグ＆ドロップするだけなので直感的ですよ。ちなみにタスクバーではそのままドラッグ＆ドロップできますが、タスクトレイでの並び替えにはCTRLキーを押しながらドラッグ＆ドロップする必要があります。 詳細＆ダウンロードは以下からどうぞ。 » home of the nerd cave | taskbar shuffle and more
印刷ページの最下部にリンク先を表示するjavascript
印刷ページでリンクを表示させるためには、css（media="print"）で a:after { content: " (" attr(href) ") "; } とすればいいですが、リンク先のURIが長い場合ジャマになります。 そこで、A List Apartというサイトでは、各リンクに番号を振り、最下部にまとめて表示するjavascriptを紹介しています。 本家サンプルページはこちらですが、当ページでもこれを利用していますので、よろしければ印刷してみてください。 sponsors 使用方法 使い方は簡単です。 javascriptを二つ書き込んで、前述のcssを適用します。 footnotelinks.js、link.js ただしこれだけだと、URIがリンク直後に続いてしまうので、以下のcssをprint属性で加えます。 html.noted a:link:after, html.
水平方向もOKのアコーディオンjavascript「Accordion v1.0」
多くのコンテンツをページに包含させたい時、アコーディオンメニューを使用することがあります。 各javascriptライブラリでもアコーディオンを実装していますが、その多くが垂直方向であり、水平方向を達成しているのはありませんでした。 stickman labsが公開しているAccordion v1.0では、水平方向も可能にしたアコーディオンを作成することができます。 Accordion v1.0からファイルをダウンロード・解凍すると出来るaccordionフォルダのjavascriptを3種類全てhead内に埋め込みます。 accordion.js以外はscript.aculo.usに含まれますので、必要に応じてアップロードしてください。 さらにアコーディオンを作成する際最低限必要なjavascriptやCSS、HTMLを以下の通り書きます。 script <script type="te
このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E
ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長～いページだとそのリンクで一瞬に先頭に行ってしまい、読んでいる人が混乱することもよくあります。 そこでご紹介したいのが「するするるーーー」と先頭まで戻ってくれるJavascript。このブログでも導入してありますので是非体験してみてください。 ↑ ページの下の方でこの「↑」を押すとするすると上まで戻ります。 導入方法は簡単でJavascriptを導入し、「このページの先頭へ」リンクにonClickイベントを仕込むだけです。 仕込むJavascriptはこちら。ちなみに元ネタは「A (slightly) better technique for “Back to Top” links.」です。ページ内に書き込んでも、外部ファイルにしてもいいでしょう。 function backToTop() { var x1 = x2 = x3
ページ内リンクをスマートにするsmoothScroll.js[to-R]
ページ内リンクをスマートにするsmoothScroll.js ページ内リンクをスムーズに行うjsライブラリ、smoothScroll.jsを作成したので公開します。 どういったものかはサンプルで確認してください。 <a href="#header">ページの先頭に戻る</a> などのページ内リンクをスムーズな移動に変更します。 これにより、エンドユーザーがページが遷移したという錯覚におちいることはありません。 設置方法は簡単です。 smoothScroll.jsをダウンロードして、設置したいページで取りこみます。 <script type="text/javascript" src="./smoothScroll.js"></script> 特定のリンクはスムーズさせない smoothScroll.jsは#（ハッシュ）付きのリンクを全てスムーズスクリプトに変換します。他のライブラリなどで#
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404
skuare.net - JavaScript / Movable Type / etc.
developersnippets.com