現在位置: start » study » javascript » event » mouse

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

次のリビジョン		前のリビジョン
study:javascript:event:mouse [2008/04/23 00:31] – created bananastudy:javascript:event:mouse [2008/04/23 04:13] (現在) – banana
行 31: 行 31:
 } }
 </code> </code>
-前半部分は[[study:javascrit:event|mouse]]で説明したので、参考してほしい。+前半部分は[[study:javascript:event|Mouse cursor position]]で説明したので、参考してほしい。\\ 
 +ここで'id'という引数はイメージファイルのidで、レイヤーに囲んでくれれば良い。\\ 
 +肝心なのはmouseの座標を取り、イメージのサイズを考慮して表示するということである。\\ 
 +その際、**visibility**属性を'visible'で変えることを忘れずに;-)\\ 
 +ちなみに、**%%getWinXOffset()%%**,**%%getWinYOffset()%%**はWindowのoffsetのx座標、ｙ座標を計算して返すメソッドである。\\ 
 + 
 +{{keywords>popup image}} 
 + 
 + 
 +===== Get the offset of window ===== 
 +xOffsetの取得 
 +<code javascript> 
 +function getWinXOffset(){ 
 +  if(window.scrollX) return window.scrollX; // Moziila 
 +  if(window.pageXOffset) return window.pageXOffset; // Opera, NN4 
 +  if(document.documentElement && document.documentElement.scrollLeft){ // 以下 IE 
 +    return document.documentElement.scrollLeft; 
 +  }else if(document.body && document.body.scrollLeft){ 
 +    return document.body.scrollLeft; 
 +  } 
 +  return 0; 
 +} 
 +</code> 
 +yOffsetの取得 
 +<code javascript> 
 +function getWinYOffset(){ 
 +  if(window.scrollY) return window.scrollY; // Mozilla 
 +  if(window.pageYOffset) return window.pageYOffset; // Opera, NN4 
 +  if(document.documentElement && document.documentElement.scrollTop){ // 以下 IE 
 +     return document.documentElement.scrollTop;          //Strict Mode  
 +  }else if(document.body && document.body.scrollTop){ 
 +     return document.body.scrollTop; //Quirks Mode 
 +  } 
 +  return 0; 
 +} 
 +</code> 

トレース: • struts_tag_replace

QR Code
QR Code study:javascript:event:mouse (generated for current page)