タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

CSSとJavaScriptに関するundercurrentのブックマーク (5)

  • 【比較】覚えておきたいロールオーバー画像切替え 5つの手法（CSS？JS？onmouseover？）｜クロノドライブ

    Webサイトをコーディングするにあたって必ず必要になる技術の一つに、「ロールオーバー表現」があります。 「ロールオーバー表現」とは主にリンク要素にマウスポインタを載せた際に、色や画像等が切り替わる表現のことです。 「ロールオーバー」に似た表現で「マウスオーバー」「オンマウス」「ホバー」といった言い方があります。 どれも同じ意味で使われることがありますが、厳密には「ロールオーバー」は切り替わる動作そのものを指し、「マウスオーバー」「オンマウス」「ホバー」はマウスポインタが何かに乗った状態のことを指します。 今や画像のロールオーバーは、グローバルナビゲーションやボタン等Webサイトを構築する上で必ず使用すると言っても過言ではない技術ですが、実装方法がいくつか存在するため、どの方法で実装すればいいのか迷うことがあるかと思います。 また、普段使っている方法が果たしてベストなのか？疑問に思いながらコ

    【比較】覚えておきたいロールオーバー画像切替え 5つの手法（CSS？JS？onmouseover？）｜クロノドライブ

  • Lightbox 2

    Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe

  • ブロックレベル要素の高さを揃えるheightLine.js[to-R]

    ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]

  • マウスオーバー・メニュー - JavaScript + CSS

    ＜2007.01.24＞ マウスオーバー・メニュー。 ■マウスオーバー・メニュー マウスオーバー・メニュー JavaScript + CSSを使ったメニュー表示。 画像にマウスカーソルを重ねると、メニューが表示されます。 display:none;のdivが表示されます。 新しい領域が表示されても、下の文章の表示位置は変わりません。 position:relative;は、親の領域に対しての相対位置です。 座標を指定しないと、タグの位置が初期位置になるようですが、 left:0px;top:0px;を指定すると、通常ページの左上に表示されます。 そのため、この領域をさらにdivで囲み、position:absolute;を指定し、 表示したい領域の絶対位置を確保します。 すると、position:relative;の領域は、position:absolute;の領域からの相

  • http://pamgau.net/item/326

  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.