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
相关文档：
<script language="JavaScript">
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD,iwidth,iheight){
//参数(图片,允许的宽度,允许的高度)
var image=new Image();
image.src=ImgD.src; ......
选择元素：document.getElementsByTagName，document.getElementsById,document.getElementsByName。
firstChild,lastChild,nextSibling，previousSibling
创建元素：document.createElement(),appendChild();
删除元素：removeC ......
JavaScript 可算是世界上最流行的编程语言，它曾被 Web 开发设计师贴上噩梦的标签，虽然真正的噩梦其实是 DOM API，这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言，如今越来越被重视，虽则如此，JavaScript 仍然拥有很多让人费解的东西。
1. 它以 Java 命名，但并不是 Java
它最初叫 Mocha， 接着改名� ......
现在感觉js很好很强大，随着深入的学习，你就会不会拒绝在客户端使用js。之前也在网上找了点资料，一起看看。
value="我是 button" />
动态添加onclick事件：
<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document. ......
一、什么是事件冒泡
在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事 件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直 ......
