现在的位置: 首页 > 综合 > 正文

拖动VML元素

2013年08月17日 ⁄ 综合 ⁄ 共 1169字 ⁄ 字号 评论关闭

<HTML xmlns:v>
<HEAD>
<META http-equiv="Content-Type" content="text/html; Charset=gb2312">
<title>超级画板Web版V1.0</title>
<STYLE>
v/:*{behavior:url(#default#VML);}   /*声明V为VML变量*/
</STYLE>

<STYLE type=text/css>
a:hover {cursor:url('*.cur')}
BODY {cursor:url('pen.cur')}
</STYLE>

</HEAD>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<v:oval id="myposition2" onmousedown="dragMe(this)" fillcolor="green" style='position:absolute;width:30px;height:30px;left:125px;top:295px;'/>
<v:oval id="myposition1" onmousedown="dragMe(this)" fillcolor="red" style='position:absolute;width:30px;height:30px;left:25px;top:495px;'/>

</body>

</html>
<script>

var dragapproved=false;
var dragNode=null;

function dragMe(obj)
{
if(event.button!=1){ return;}
dragapproved=true;
x=event.clientX;
y=event.clientY;
dragNode=obj;
}

function document.onmousemove()
{
    //obj=document.all("myposition");
obj= dragNode;
if(!obj){ return}
   if(event.button==1 && dragapproved){
     var sx=obj.style.posLeft+event.clientX-x;
      var sy=obj.style.posTop +event.clientY-y;
      x=event.clientX;
      y=event.clientY;
      obj.style.posLeft=sx;
    obj.style.posTop =sy;
    }
    return false;
}
function document.onmouseup()
{
dragapproved=false;
}

</script>

 

抱歉!评论已关闭.