2009-04-12 20 views
0

"a、img、div"のようなページ上の任意の要素にカーソルを置いたときにユーザーがこのスクリプトを使用して、現在の要素に表示され、その位置、幅、高さが透明な色。
javascript/jqueryを使用してその操作を行うにはどうすればよいですか?要素その後現在のマウスのdivを表示/非表示にするにはどうすればいいですか?

$(function(){ 
    $("#myElementId").mouseOver(myMouseOverHandler); 
}); 

にmouseoverイベントを取り付けることにより

答えて

4

スタートは、あなたがmyHiddenElementとして使用することをお勧めしますタグのイベント

function myMouseOverHandler(e) 
{ 
    var width = $(this).width(); 
    var height = $(this).height(); 
    var top = $(this).offset().top; 
    var left = $(this).offset().left; 

    // set the element with these parameters 
    var el = $("#myHiddenElement"); 

    el.width(width); 
    el.height(height); 
    el.css({ "top":top, "left":left, "position":"absolute" }); 

    el.show(); 
} 
+0

とタイプを処理するための関数を書きますか? –

+0

あなたの目的が何であるかによって異なります。一般的にdivは良いです。 – Joel

関連する問題