Javascript関連情報

更新日:2001年04月16日

クロスブラウザを制する シリーズのサンプル目次

「クロスブラウザを制する」シリーズのサンプル一覧。 主に、Win n4 n6 moz e4 e5 e6, Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz の環境で共通に動かすための関数やサンプルを紹介します。




2-17 押されたキーの文字get
[ getKEYSTR() ]
getKEYSTR(e)
Win n4 n6 moz e4 e5 e6 ,
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz
押したキ-の文字列を取得するためのファンクション。




2-18 押されたキーコードget
[ getKEYCODE() ]
getKEYCODE(e)
Win n4 n6 moz e4 e5 e6 ,
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz
押したキ-のキーコードを取得するためのファンクション。




2-19 背景色フェイド(→白透明)
[ fadeBGCOLORtoTRNS() ]
fadeBGCOLORtoTRNS('レイヤ-名',startColor)
Win n4 n6 moz e4 e5 e6 O6(O6は透明不可#fffまで),
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz
レイヤーの背景色を指定色→白→透明へフェイドさせるためのサンプルファンクション。




2-20 背景色フェイド(→指定色)
[ fadeBGCOLOR ]
fadeBGCOLOR('レイヤ-名',開始色,終了色,timer,完了時透明)
Win n4 n6 moz e4 e5 e6 O6(O6は透明不可),
Mac n4 n6 moz e4.5 e5 O6(O6は透明不可),
Linux n4 n6 moz O6(O6は透明不可)
レイヤーの背景色を指定色→指定色へフェイドさせるためのサンプルファンクション。




2-21 レイヤ-左辺X座標get
[ getLEFT ]
getLEFT('レイヤ-名')
Win n4 n6 moz e4 e5 e6 O6,
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz
ブラウザ(または親要素)左端からのレイヤ-左辺位置をピクセルで取得するためのサンプルファンクション。




2-22 レイヤ-上辺Y座標get
[ getTOP ]
getTOP('レイヤ-名')
Win n4 n6 moz e4 e5 e6 O6,
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz
ブラウザ(または親要素)上端からのレイヤ-上辺位置をピクセルで取得するためのサンプルファンクション。




2-23 レイヤ-右辺X座標get
[ getRIGHT ]
getRIGHT('レイヤ-名')
Win n4 n6 moz e4 e5 e6 o6,
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz
ブラウザ(または親要素)左端からのレイヤ-右辺位置をピクセルで取得するためのサンプルファンクション。

    解説
    sample

    Samples

    ★サンプル1 マウスカーソルがレイヤー右辺より右にあるとステータス行へメッセージが出る
    ★サンプル2 マウスカーソルの位置によってレイヤー右辺より左か右かのメッセージが出る
    ★サンプル3 ランダムにスライド後のレイヤー右端へリンクがスライドして出てくる




2-24 レイヤ-下辺Y座標get
[ getBOTTOM ]
getBOTTOM('レイヤ-名')
Win n4 n6 moz e4 e5 e6 o6,
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz
ブラウザ(または親要素)上端からのレイヤ-下辺位置をピクセルで取得するためのサンプルファンクション。

    解説
    sample

    Samples

    ★サンプル1 リンククリックでレイヤーの下辺の位置を表示する
    ★サンプル2 マウスカーソルがレイヤー下辺より下にあるとステータス行へメッセージが出る
    ★サンプル3 Aレイヤードラッグ中にBレイヤーの下辺より下へ行くと止まる




2-25 ドラッグレイヤー生成
[ dragLay ]
dragLay['レイヤー名'] = new dragLay('レイヤー名',left,top,'html')
Win n4 n6 moz e4 e5 e6 o6,
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz
ドラッグできるレイヤーをクロスブラウザに作成するためのサンプルファンクションです。 。



参考 : DynamicHTML/cross-browser Examples

14 5 6
  • 印刷する
  • ブックマークする
  • 携帯に送る
  • ブログに書く

あわせて読みたい

この記事の担当ガイド

写真

高橋 登史朗

Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJa…

続きを読む

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイド の川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載! さぁ、いますぐチェック!

人気Javascriptランキング

Powered by 価格.com

デジタル関連コミュニティ

北欧好きが、愛用の北欧モノを見せ合うコミュニティ

メルマガ登録

【デジタルメルマガ】オトナのオトコなら知っておきたい、PCやデジモノに関する情報をお届けします。

ショッピングカタログ

All About ウェブマガジン

女性向け

雨が楽しくなる!レイングッズ15

男性向け

マネしたくなるアイデア住宅

All About モバイル

QRコード

All Aboutがケータイで読める!

オススメ記事をメールでチェック

知識・経験を生かして、記事を書いてみませんか?