タグ

javascriptとwebdesignに関するunityのブックマーク (4)

  • jQueryでブロック要素の高さを揃えてみる - 徒書

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

  • Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳

    これはなかなかおしゃれな小窓が作れそう。 ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。 特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。 6つのサンプル 試しにサンプルファイルを開いてみれば、一通り使えると思いますよ。 サンプル1 マウスによるロールスクロールは出来ない。 矢印にマウスを乗せるとスクロールする。 サンプル2 スクロールバーを左に配置。ボタンデザインをこったものに出来るサンプル。 サンプル3 スクロールバーを右に配置しているが、特殊なバーに加工している。 サンプル4 上のサンプル3に、タブを追加したバージョンです。 サンプル5 上のサンプル4に、さらに右側にリンクによるナビゲーションを追加したバージョン。 リンクナビゲーションをクリックすると、中のスクロールもそこまで移動するという代物。

    Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳
  • prototype.js でタブ切り替え - AUSGANG SOFT

    たつをさんのCSSJavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab

  • Aptana

    Amplify PlatformBuild, publish, validate, and govern APIs across multiple clouds, on-premises data centers, and gateway vendors, while automating continuous discovery of new and unknown APIs. View Product

    Aptana
  • 1