VML实例-拖动效果

news/2024/7/19 14:45:22 标签: javascript, js, html

VML拖动效果

html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> how to make a drag division - http://www.never-online.net </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="never-online, blueDestiny">
<META NAME="Keywords" CONTENT="never-online, blueDestiny">
<META NAME="Description" CONTENT="http://www.never-online.net">
<style>
<!--
body {
	font-size:0.9em;
	font-family:verdana;
	background-color:appworkspace;
}
.myDiv {
	border:4px solid #006699;
	height:200px;
	width:400px;
	color:#003399;
	padding:20px;
	font-weight:bolder;
	text-align:center;
	background-color:#eeeeee;
}
.copyright
{
	text-align: center;
	font-size: 1em;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">html" title=javascript>javascript">
<!--

function neverDragDivision(fObj) { with (this)
{
	if (!fObj) return;
	this.bDraged = false;
	this.oDragOrig = fObj;	
	oDragOrig.style.cursor = "move";
	oDragOrig.onmousedown = function()
	{
		var ofs = Offset(oDragOrig);
    oDragOrig.style.position = "absolute";
		oDragOrig.style.left = ofs.l;
		oDragOrig.style.top = ofs.t;
		oDragOrig.X = event.clientX - ofs.l;
		oDragOrig.Y = event.clientY - ofs.t;
		bDraged = true;
	};		
	oDragOrig.onmousemove = function()
	{
		if (!bDraged) return;
    oDragOrig.setCapture();
		oDragOrig.style.left = event.clientX - oDragOrig.X;
		oDragOrig.style.top = event.clientY - oDragOrig.Y;

	};
	oDragOrig.onmouseup = function()
	{
		bDraged = false;
		oDragOrig.releaseCapture();
	};
	function Offset(e) {
		var t = e.offsetTop;
		var l = e.offsetLeft;
		var w = e.offsetWidth;
		var h = e.offsetHeight;
		while(e=e.offsetParent) {
			t+=e.offsetTop;
			l+=e.offsetLeft;
		}
		return { t:t, l:l, w:w, h:h }
	};
}};

//-->
</SCRIPT>
</HEAD>
<BODY>
<table>
<tr>
<td>
<div class="myDiv">
http://www.never-online.net
<p>power by blueDestiny, never-online</p>
</div>
</td>
<td>
<div class="myDiv" style="width:450px">
<p>never-online, Everlasting love for angela.</p>
</div>
</td>
</tr>
</table>
<h4 class="copyright"> Power By blueDestiny, never-online, <a href="http://www.never-online.net" _fcksavedurl="http://www.never-online.net">http://www.never-online.net</a> </h4>
<SCRIPT LANGUAGE="JavaScript">html" title=javascript>javascript">
<!--
	var aDivs = document.getElementsByTagName("DIV");
	for (var i=0; i<aDivs.length; i++) {
		new neverDragDivision(aDivs[i]);
	}
//-->
</SCRIPT>
</BODY>
</HTML>

http://www.niftyadmin.cn/n/1635995.html

相关文章

VML,The Vector Markup Language(矢量可标记语言)

VML,The Vector Markup Language(矢量可标记语言) 什么是VML&#xff1f;VML相当于IE里面的画笔&#xff0c;可以实现你想要的图形&#xff0c;并结合脚本&#xff0c;可以使图形产生动态效果。VML是微软在1999年9月用ie5.0发布的。在我看来&#xff0c;VML实际上是word和HTML…

POJ 1671

其实求的是BELL数&#xff0c;即前N个第二类斯特林数的和。 一首诗有n行&#xff0c;每一行有一种韵律&#xff0c;问这首诗总共可能有多少种韵律排列。如4行&#xff0c;则所有的15种情况为&#xff1a;aaaa, aaab, aaba, aabb, aabc, abaa, abab, abac, abba, abbb, abbc, ab…

Java8新特性之使用forEach遍历List and Map

第一遍历Map集合 以往会使用增强for语法来遍历如&#xff1a; public static void main(String[] args) {Map<String, Integer> items new HashMap<>();items.put("A", 10);items.put("B", 20);items.put("C", 30);items.put(&qu…

UML-Unified Module Language

UML-Unified Module Language 统一建模语言&#xff0c;可以很方便的用于描述类的属性&#xff0c;方法&#xff0c;以及类和类之间的关系 UML-类图 UML-接口图 UML-继承关系 带箭头的实线&#xff0c;表示 Spider&#xff0c;Cat, Fish都继承于Animal这个父类. 注&#xff1…

自定义注解_学会创建自己的注解

常规JDBC 非注解方式DBUtil 通常来讲&#xff0c;在一个基于JDBC开发的项目里&#xff0c;都会有一个DBUtil这么一个类&#xff0c;在这个类里统一提供连接数据库的IP地址&#xff0c;端口&#xff0c;数据库名称&#xff0c; 账号&#xff0c;密码&#xff0c;编码方式等信息…

在block函数中规避错误信息 capturing self strongly in this block is likely to lead to a retain cycle”...

以形如 _fontValueChangedBlock ^(){[self.fontSmallButton addTarget:self action:selector(btnFontSmallClicked) forControlEvents:UIControlEventTouchUpInside];}; 的代码为例&#xff0c;这个代码运行会报警告。"capturing self strongly in this block is likely …

LOG4J - 入门

Log4j入门System.out.println使用Log4j讲解Log4J配置Log4j步骤 1 : log4j.properties步骤 2 : TestLog4j步骤 3 : 分析代码步骤 4 : 解释log4j.properties步骤 5 : 格式解释配置讲解步骤 1 : log4j.xml步骤 2 : 修改TestLog4jSystem.out.println 通常&#xff0c;我们写代码的…

[Unity3D]场景间切换与数据传递(以及物体删除技巧)

http://blog.163.com/kingmax_res/blog/static/77282442201031712216508/ 先介绍一些基本函数(具体用法自己查文档)&#xff1a;--------------------------------------------------------1.场景切换&#xff1a;Application.LoadLevel("Level1")2.读取场景时不移除…