|
<HTML>
<HEAD>
<TITLE>鼠标拉框</TITLE>
</HEAD>
<SCRIPT LANGUAGE="javascript">
<!--
/*记录鼠标位置*/
var m_mouseDownX , m_mouseDownY;
/*记录鼠标是否按下*/
var m_blMouseDown = false; /*鼠标操作：按下、移动、弹起*/
function _MouseDown()
{
/*按下左键*/
if (event.button == 1)
{
m_blMouseDown = true;
m_mouseDownX = event.clientX;
m_mouseDownY = event.clientY;
var map_BoxDIV = document.all.BoxDIV; map_BoxDIV.style.left = m_mouseDownX;
map_BoxDIV.style.top = m_mouseDownY;
map_BoxDIV.style.width = 0;
map_BoxDIV.style.height = 0;
map_BoxDIV.style.visibility = "visible";
}
}
function _MouseMove()
{
if (m_blMouseDown)
{
var map_BoxDIV = document.all.BoxDIV;
var x = event.clientX;
var y = event.clientY; map_BoxDIV.style.left = (x > m_mouseDownX)?m_mouseDownX:x;
map_BoxDIV.style.top = (y > m_mouseDownY)?m_mouseDownY:y;
map_BoxDIV.style.width = Math.abs(x - m_mouseDownX);
map_BoxDIV.style.height= Math.abs(y - m_mouseDownY);
}
}
function _MouseUp()
{
if (m_blMouseDown)
{
m_blMouseDown = false;
}
}
//-->
</SCRIPT> <BODY onmousedown="_MouseDown()" onmousemove="_MouseMove()" onmouseup="_MouseUp()">
<div id="BoxDIV" style="position:absolute;left:0;top:0;width:0;height:0;visibility:hidden;">
<table bordercolor="red" border="1" width="100%" height="100%" cellspacing="0" style="border-collapse: collapse" cellpadding="0" style="border-style: dotted"><tr><td></td></tr></table>
</div>
</BODY>
</HTML>
|