Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJa…
北欧好きが、愛用の北欧モノを見せ合うコミュニティ
Javascript関連情報
更新日:2001年03月16日
JavaScriptでDHTMLを使うと文字や画像やフォームなどHTML要素の位置を自由に変更することができる。画面外の位置へ変更して見えなくしたり、連続して位置を変えることで動いているように見せることも可能だ。今回は、とりあえず、移動をクロスブラウザに実現するため基本的な汎用関数moveLAYER(idName,x,y)を作ってみた。
各ブラウザのオブジェクト表記を統一してから処理する方法。
大きなスクリプトの場合はこの手の方法の方がソースがシン
プルになる。
function getLayOj( idName ){
if ( document.getElementById )
return document.getElementById( idName ).style
else if ( document.all )
return document.all( idName ).style
else if ( document.layers )
return document.layers[ idName ]
}
function moveLAYER(idName,x,y){
var oj = getLayOj( idName )
if(document.getElementById){ //Moz,NN6,IE5用
oj.left=x
oj.top=y
}
else if(document.all){
oj.pixelLeft=x //IE4用
oj.pixelTop=y
}
else if(document.layers)oj.moveTo(x,y) //NN4用
}
人気Javascriptランキング
Powered by 価格.com
北欧好きが、愛用の北欧モノを見せ合うコミュニティ