마우스 위치 에 따라 동적 제어 층 의 위치


<script>
var index=0; // ,
/**
*
*bizData:
*/
function search(bizData)
{
if(index==0)
{
if(bizData==null) // , null
{
$("bizDiv").innerText = "";
$("bizDiv").style.background='#99FFFF';
document.onclick = mouseMove;
index++;
}else
{
$("bizDiv").innerText = bizData;
$("bizDiv").style.background='#99FFFF'; //
document.onclick = mouseMove; //
index++;
}
}else{ //
$("bizDiv").innerText = "";
document.onclick = mouseMove;
$("bizDiv").style.background='transparent'; // “ ”
index=0;
}
}
/*
* , top,right
*/
function mouseMove(ev)
{
ev= ev || window.event;
var mousePos = mouseCoords(ev);
$("bizDiv").style.right = document.body.clientWidth-mousePos.x+15;
$("bizDiv").style.top = document.body.clientHeight-200;
$("bizDiv").style.width='200';
//$("bizDiv").style.hight='200';
}
/*
*
*/
function mouseCoords(ev)
{
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
</script>

좋은 웹페이지 즐겨찾기