在一些交互性强的前端页面中,经常用到物件拖动,因此封装了一下拖动控件的代码。

使用时只需绑定htc拖动控件,然后设定一些可拖动控件(其position需设为absolute)的canMove属性(为1表示可以拖动),layernum属性(拖动时,移动哪一个父元件)

客户端拖动控件封装(让拖动变得更简单)<!--
客户端拖动控件封装(让拖动变得更简单)Author:        Kw.Tsou
客户端拖动控件封装(让拖动变得更简单)Date:        2005/11/26
客户端拖动控件封装(让拖动变得更简单)Content:    为页面上的元件提供自由移动的功能
客户端拖动控件封装(让拖动变得更简单)UseMark:    在body(或其它容器)上behavior此物件,然后在需要移动的物件上设置canMove = "1" ,如果不是移动本身,则可以设置layernum指向其父元素.(注意:该移动的物件的position必须为absolute)
客户端拖动控件封装(让拖动变得更简单)
-->
客户端拖动控件封装(让拖动变得更简单)
<PUBLIC:COMPONENT>
客户端拖动控件封装(让拖动变得更简单)    
<PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="move_eDown()" />
客户端拖动控件封装(让拖动变得更简单)    
<PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="move_eUp()" />
客户端拖动控件封装(让拖动变得更简单)    
<PUBLIC:ATTACH EVENT="onmousemove" ONEVENT="move_eMove()" />
客户端拖动控件封装(让拖动变得更简单)    
<PUBLIC:EVENT ID="moveevent"  NAME="ontagmove"/>
客户端拖动控件封装(让拖动变得更简单)
</PUBLIC:COMPONENT>



客户端拖动控件封装(让拖动变得更简单)<html>
客户端拖动控件封装(让拖动变得更简单)
<head>
客户端拖动控件封装(让拖动变得更简单)
<title>什么都可以拖动</title>



预览:

testmove.htm

下载:
moveable.rar

相关文章:

  • 2022-12-23
  • 2021-08-17
  • 2021-10-14
  • 2021-05-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-05
猜你喜欢
  • 2021-12-08
  • 2022-12-23
  • 2021-10-25
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案