Javascript可移动窗口的设计
<html>
<head><title>js可移动窗口的设计</title>
<script language="javascript">
var x0=0,y0=0,x1=0,y1=0;//初始化全局变量
var offx=6,offy=6;
var moveable=false;
var hover='orange';//color;
var index=10000;//z-index;
//关闭窗口
function closeWin(id)
{
document.getElementById(id).style.display=document.getElementById(id).style.display=="none"?"block":"none";
}
//点击鼠标右键准备开始拖动窗口
function startDrag(obj)
{
if(event.button==1) {
obj.setCapture();//设置鼠标捕获的对象为当前对象，简单说就是获得鼠标拖动
var win = obj;
x0 = event.clientX;//记录点击鼠标右键的鼠标坐标
y0 = event.clientY;
x1 = parseInt(win.style.left);//记录框架的初始位置——鼠标坐标
y1 = parseInt(win.style.top);
normal = obj.style.backgroundColor;
win.style.backgroundColor = hover;
moveable = true;
}
}
//开始拖动窗口
function drag(obj)
{
if(moveable)
{
var win = obj;
win.style.left = x1 + event.clientX - x0;//进行坐标运算并控制样式的left与top属性
win.style.top = y1 + event.clientY - y0;
document.getElementById("xy").innerHTML = (x1 + event.clientX - x0)+","+(y1 + event.clientY - y0);//显示鼠标的坐标
}
}
//停止拖动
function stopDrag(obj)
{
var win = obj;
win.style.borderColor = normal;
obj.style.backgroundColor = normal;
obj.releaseCapture();//从当前对象中释放鼠标捕获的对象，简单说就是鼠标的释放
moveable = false;
}
</script>
<style>
.helpdiv {
display: block;
border: 1px dashed #749F4d;
background-color: #F0FAEB;
width: 500px;
padding: 5px;
position: absolute;
&n
相关文档：
//创建一个新的元素节点，元素名使用sTagName定义
oElementNode = document.createElementNode(sTagName);
//创建一个新的节点，节点名使用sTextValue定义
oTextNode = document.createTextNode(sTextValue);
//为元素赋一个新的属性，属性名使用sName
oAttribute = document.createAttribute(sName);
//创建一个新的 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>用javascript动态添加删除html元素</title>
<script type="text/javascript"><!--
function $(nodeId) {
re ......
转自：http://www.felixwoo.com/?s=%E9%97%AD%E5%8C%85
深入理解JavaScript闭包(closure)
发表于: 14:48 | 分类: 开发技术 | 评论: 25 | 人气: 6,114 |
最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的� ......
本文主要介绍如何动态的增加、删除输入框，并获取输入框中的值~~
<html>
<head>
<title>JavaScript_动态增加/删除输入框_阿方索</title>
<script type="text/javascript">
<!--
var idNumber = 1,id="tableAFS";
function addTextBox() {
idNumber++;
//这里我们创建一个lab ......
