/*
鼠标跟随图片
修改getMoveHTML中的html 为边框样式
使用方法：
　<img src=xxx onmouseover="getMoveHTML(this,"xxx.jpg")" onmousemove="mouseMove()" >
*/
///获得鼠标对象
function getEvent() //同时兼容ie和ff的写法
    { 
        if(document.all)  return window.event;   
        func=getEvent.caller;       
        while(func!=null){ 
            var arg0=func.arguments[0];
            if(arg0)
            {
              if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
              { 
              return arg0;
              }
            }
            func=func.caller;
        }
        return null;
} 

function mousePosition(ev){
    //支持 火狐
    if(ev.pageX || ev.pageY){
        return {x:ev.pageX, y:ev.pageY};
    }
    //支持IE
    return {
        x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
        y:ev.clientY + document.body.scrollTop - document.body.clientTop
    };
}

//更新跟随鼠标对象的位置
function mouseMove(){
    ev = getEvent();
    var mousePos = mousePosition(ev);
    //滚动条移动了多少（页面多少尺寸被隐藏）
    var sl=document.body.scrollLeft+10;
    var st=document.body.scrollTop+10;
    //显示兑现的大小
   	var ow =__MoveDiv.offsetWidth;
   	var oh =__MoveDiv.offsetHeight;
   	//屏幕可视区域
   	var bow=document.body.clientWidth;
   	var boh=document.body.clientHeight;
   	
   	//上面有空闲位置if(mousePos.x-sl-ow>0)
   	if(bow-(mousePos.x-sl)>ow){
   		__MoveDiv.style.left=mousePos.x+10;
   	}else if(mousePos.x-sl-ow>0){
   		__MoveDiv.style.left=mousePos.x-ow-10;
   	}else{
   		__MoveDiv.style.left=mousePos.x-(ow/2);
   	}
	 	
   	if(boh-(mousePos.y-st)>oh){
   		__MoveDiv.style.top=mousePos.y+10;
   	}else if(mousePos.y-st-oh>0){
   		__MoveDiv.style.top=mousePos.y-oh-10;
   	}else{
   		__MoveDiv.style.top=mousePos.y-(oh/2);
   	}
}

//向跟随对象中添加显示内容
function getMoveHTML(obj,url){
	var html ="<img height=294 src='"+url+"'  style='border:3px solid #fff;margin:3px;' >";
		__MoveDiv.innerHTML=html;
		
		obj.onmouseout=function(){
			__MoveDiv.style.display='none';
		}
		__MoveDiv.style.display="block";
}
var html ='<div id="_MovePicDiv"  style="position:absolute; '
		  +'z-index:999;'
		  +'display:none;'
		  +'background-color:#666666;'
		  +'border:1px   solid   #284860;">'
		  +'</div>';
document.write(html);
var __MoveDiv=document.getElementById('_MovePicDiv');