タグ

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

  • 関連タグはありません

タグの絞り込みを解除

CSSとjQueryとwebに関するasiamothのブックマーク (4)

  • CSSをURIのクエリーで切り替えるJavaScript - KAZUMiX memo

    2008-03-06 追記: jQuery無しで動くように修正しました あるといいかもと思って試しに作ってみたら、IE*1の印刷対応に端を発する問題でえらい苦労しました。苦労話は後回しにするとして、次が動作サンプルページとサンプルコードです。(要jQuery。要素の取得で楽してコードを短くするために使っています) CSSをクエリーで切り替えるJavaScript 動作サンプルページ (function(){ //クエリーにstylesheetがあれば切り替え関数呼び出し if(location.search.match(/\bstylesheet=([\w]+)/)){ var titleValue = RegExp.$1; changeStyle(titleValue); } // CSS切り替え関数 // 引数titleValueと一致したtitle属性を持つlink要素を有効にする

    CSSをURIのクエリーで切り替えるJavaScript - KAZUMiX memo
    asiamoth
    asiamoth 2007/11/10
    jQueryでCSS切り替え。IE対策もバッチリしてあるので、安心して使えそう。
  • jQueryでブロック要素の高さを揃えてみる - 徒書

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば

    asiamoth
    asiamoth 2007/08/03
    おお、これはいい! 「自分なりに」が自分もできるといいなぁ。
  • CSS Dock Menu

    May 08, 2007 17,799 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page. CSS dock menu screenshot Update: I no longer s

    asiamoth
    asiamoth 2007/05/10
    jQueryとCSSでdock風メニューを表現!インパクトあるなー。
  • jQuery Pseudo Plugin (:before and :after in Internet Explorer)

    A jQuery plugin for :before and :after in Internet Explorer. Pseudo-who? CSS2's :before and :after pseudo-selectors are really handy ... but they don't work in Internet Explorer. Nope, not even IE7. I bet you're thinking: "But what if we used as many proprietary Microsoft features as possible all at the same time, that'll show 'em!" And you know what? You're absolutely right. You've just gotta lov

    asiamoth
    asiamoth 2007/03/22
    IEでも「:before」と「:after」が使える!
  • 1