タグ

ブックマーク / webtech-walker.com (4)

  • ユーザーエージェントの判別を簡単にできるjavascript - Webtech Walker

    Home Archive ユーザーエージェントの判別を簡単にできるjavascript ユーザーエージェントの判別を簡単にできるjavascript 2007年06月05日 category:javascript Comment(0) Trackback(0) 何かいいライブラリないかなーと思って探してたら、なかなかいい感じのを発見したので紹介します。 UAIdentifier - JavaScript によるユーザエージェント判別 メソッドやプロパティが豊富で使いやすいです。下記のようなコードで間単に判別できます。 var uai = new UAIdentifier(); if (uai.ie >= 5.0) write("Internet Explorer 5.0 or later"); if (uai.firefox) write("Mozilla

    aquila2005
    aquila2005 2009/02/01
    UIの判別
  • IE6のmin-width、min-heightハックに関して - Webtech Walker

    CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 という記事を見かけたんですが、min-widthってこれじゃダメな気がするんです・・・ IE6では min-height や min-width が効かないため、それを効かせるためにはいろいろなハックやブラウザごとのスタイルシートが必要だった。 しかし以下のようにすればIE6にも対応したものが実現できる。 min-widthのソースは以下のとおり .bar { min-width: 100px; width: auto !important; width: 100px; } min-widthはIE6で実装されていないので、無視されます。そして、同一ブロック内では!importantが無視されるというIE6のバグを利用して「width:100px」を

    IE6のmin-width、min-heightハックに関して - Webtech Walker
    aquila2005
    aquila2005 2008/11/04
    IE6でmin-heightを使うハック
  • 画像ロールオーバーのjavascript - Webtech Walker

    画像のロールオーバーには主にjqueryのプラグインを使ってたんですが、jqueryを使えない案件があってjqueryを使わないでロールオーバーを実現するライブラリを探したけど自分好みの仕様のものが見つからなかったんで自分で書いてみました。 ダウンロード サンプル 使い方 ダウンロードしたjavascriptを読み込む ロールオーバーしたい画像のimg要素にclass="hoverImg"を指定(スペース区切りの複数指定も可) 通常時の画像「xxx.gif」とロールオーバー後の画像「xxx_ov.gif」を準備(同じ場所におく) 指定するclass名(hoverImg)とロールオーバー後の画像の接尾語(_ov)はjsの以下の箇所を書き換えれば変更できます。 var targetClassName = "hoverImg"; var suffix = "_ov"; ライセンスとか MITライ

    画像ロールオーバーのjavascript - Webtech Walker
    aquila2005
    aquila2005 2008/09/11
    javascriptで画像のロールオーバー(プリロード対応)
  • jQueryのプラグイン、jQuery_Autoで画像のロールオーバー - Webtech Walker

    Home Archive jQueryのプラグイン、jQuery_Autoで画像のロールオーバー jQueryのプラグイン、jQuery_Autoで画像のロールオーバー 2007年06月21日 category:javascript Comment(0) Trackback(1) CSS HappyLifeさんでjavascriptによるイメージロールオーバーの記事を書かれていたので、触発されて以前から書こうと思っていたjQueryネタを書きます。 ロールオーバー|CSS HappyLife jQueryならロールオーバーのプラグインくらいあるだろうと思って探していたら、jQuery_Autoというものを見つけたので使ってみました。 今回はロールオーバーのみ説明しますが、簡易なタブも作成できるようです。 このプラグインの利点はclass指定でロールオーバーを指定す

    aquila2005
    aquila2005 2007/11/30
    プリロード付、画像のロールオーバー
  • 1