Javascript

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

Javascript関連情報

更新日：2001年04月16日

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

高橋登史朗

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

2-1 表示属性 visibility (1)
[ showLAYER() ]

showLAYER( 'レイヤー名' )
Win n4 n6 moz e4 e5 e6 , Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz
レイヤ－を見える状態にするために表示属性のプロパティ visibility へ 'visible' を代入(Netscape4xでは'visible'または'show')するサンプルファンクション

Samples 出す

2-1 表示属性 visibility (2)
[ hideLAYER() ]

hideLAYER( 'レイヤー名' )
Win n4 n6 moz e4 e5 e6 , Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz
レイヤ－を見えない状態にするために表示属性のプロパティ visibility へ 'hidden' を代入(Netscape4xでは'hidden'または'hide')するサンプルファンクション

Samples 消す

Samples 出す/消す

2-2 位置/移動 top left (1)
[ moveLAYER() ]

moveLAYER( 'レイヤ－名' , x座標 , y座標 )
Win n4 n6 moz e4 e5 e6 , Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz
レイヤーを指定した位置へ移動させるためのサンプルファンクション。文字や画像やフォームなどHTML要素の位置を自由に変更することができる。指定されたx,yの位置へ一気に移動する。

Samples クリックで移動

Samples マウスを追って移動

2-2 位置/移動 top left (2)
[ moveByLAYER() ]

moveByLAYER( 'レイヤ－名',x方向ピクセル, y方向ピクセル )
Win n4 n6 moz e4 e5 e6 , Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz
レイヤーの現在位置を起点として指定したピクセル分だけ相対的に位置を移動させるためのサンプルファンクション。

解説

sample

Samples 現在位置を起点として移動する

2-2 位置/移動 top left (3)
[ slideLAYERs() ]

slideLAYERs('レイヤー名',開始X,Y,終了X,Y,スピ－ド,ステップ)
Win n4 n6 moz e4 e5 e6 , Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz
レイヤーを指定したスタ－ト位置から指定した終了位置へスライド移動させるためのサンプルファンクション

Samples スライドする

参考 : DynamicHTML/cross-browser Examples

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

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