<SCRIPT src="image/mouseinfo.js" ></SCRIPT>

<a href='/product/pro/74/20061118265460.html' onmousemove="showTip('p20132')" onmouseout="closeTip('p20132')" alt='明基 E720' title='明基 E720' target='_blank'><img src='/product/uppic/2006/10/23/153058s.jpg' width='120' height='90' border='0'></a>

<DIV id='p20132' style='width:300px; DISPLAY: none; border: 2px solid #89AEE3; padding:5px; LEFT: 0px; TOP: 0px; position:absolute; background-color:#FFFFFF;'>支持3：2和16：9两种比例的照片拍摄 ,</Div>

<a href='/product/pro/74/20061118265460.html' onmousemove="showTip('p201321')" onmouseout="closeTip('p201321')" alt='明基 E720' title='明基 E720' target='_blank'><br />
<img src='/product/uppic/2006/10/23/153058s.jpg' width='120' height='90' border='0'></a>

<DIV id='p201321' style='width:300px; DISPLAY: none; border: 2px solid #89AEE3; padding:5px; LEFT: 0px; TOP: 0px; position:absolute; background-color:#FFFFFF;'>111支持3：2和16：9两种比例的照片拍摄 ,</Div>

image/mouseinfo.js

//在鼠标显示一个层，该层的内空为div2的内容
function showTip(str){  
var div = document.getElementById(str); //将要弹出的层
div.style.display="block"; //div3初始状态是不可见的，设置可为可见
//window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.
//clientX是鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
div.style.left=window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;+20; //鼠标目前在X轴上的位置，加10是为了向右边移动10个px方便看到内容
div.style.top=window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop+15;
div.style.position="absolute"; //必须指定这个属性，否则div3层无法跟着鼠标动

}
//关闭层div3的显示
function closeTip(str){
var div = document.getElementById(str);
div.style.display="none";
}