易截截图软件、单文件、免安装、纯绿色、仅160KB

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


相关文档:

javascript添加新节点的方法

//创建一个新的元素节点,元素名使用sTagName定义
oElementNode = document.createElementNode(sTagName);
//创建一个新的节点,节点名使用sTextValue定义
oTextNode = document.createTextNode(sTextValue);
//为元素赋一个新的属性,属性名使用sName
oAttribute = document.createAttribute(sName);
//创建一个新的 ......

用Javascript动态添加删除HTML元素实例

<!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 ......

JavaScript_动态增加/删除输入框

本文主要介绍如何动态的增加、删除输入框,并获取输入框中的值~~
<html>
<head>
<title>JavaScript_动态增加/删除输入框_阿方索</title>
<script type="text/javascript">
<!--
var idNumber = 1,id="tableAFS";
function addTextBox() {
idNumber++;
//这里我们创建一个lab ......

JavaScript事件冒泡简介及应用



          
一、什么是事件冒泡
在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事 件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直 ......

常用的JavaScript验证正则表达式

本文将介绍几个常用的JavaScript验证正则表达式,这些资料希望对大家在实际编程过程中起到帮助作用。
匹配中文字符的正则表达式: [u4e00-u9fa5]
评注:匹配中文还真是个头疼的事,有了这个表达式就好办了
匹配双字节字符(包括汉字在内):[^x00-xff]
评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号