用javascript进行拖拽5(转)
摘要:实现一个拖动的全代码: 运行代码框 Item #1 Item #2 Item #3 Item #4 Item #5 Item #6 Item #7 Item #8 Item #9 Item #10 Item #11 Item #12 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 你现在拥有了拖拽的所有东西. 下面的三个demo是记录事件历史.当你的鼠标在item上...
阅读全文
posted @
2007-02-14 15:49
宏宇
阅读(389)
推荐(0) 编辑
用javascript进行拖拽4(转)
摘要:运行代码框 Demo - Drag any image onto the trashcan [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 鼠标释放时会去取是否有drop属性,如果存在,同时鼠标指针还在drop的范围内,执行drop操作.我们检查鼠标指针位置是否在目标范围是用(mousePos.x>targetPos.x),而且还要符合条件(mousePos.x<(ta...
阅读全文
posted @
2007-02-14 15:48
宏宇
阅读(286)
推荐(0) 编辑
用javascript进行拖拽3(转)
摘要:运行代码框 Demo - Drag any of the images [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 你会注意到这个代码几乎是前面的全集,将前面的合在一起就实现了拖拽效果了. 当我们点击一个item时,我们就获取了很多变量,如鼠标位置,鼠标位置自然就包含了那个item的坐标信息了.如果我们点击了一个20*20px图像的正中间,那么鼠标的相对坐标为{x:10,y:...
阅读全文
posted @
2007-02-14 15:47
宏宇
阅读(346)
推荐(0) 编辑
用javascript进行拖拽2(转)
摘要:你首先要声明一个evnet对象.不论何时你移动鼠标/点击/按键等等,会对应一个event的事件.在Internet Explorer里event是全局变量,会被存储在window.event里. 在firefox中,或者其他浏览器,event事件会被相应的自定义函数获取.当我们将mouseMove函数赋值于document.onmousemove,mouseMove会获取鼠标移动事件. (ev ...
阅读全文
posted @
2007-02-14 15:47
宏宇
阅读(323)
推荐(0) 编辑
用javascript进行拖拽1(转)
摘要:本文译自:http://www.webreference.com/programming/javascript/mk/column2/index.html转自:http://www.blueidea.com/tech/web/2006/3791.asp所有版权归原文所有 Javascript的特点是dom的处理与网页效果,大多数情况我们只用到了这个语言的最简单的功能,比如制作图片轮播/网页的tab...
阅读全文
posted @
2007-02-14 15:45
宏宇
阅读(400)
推荐(0) 编辑
js中删除table里所有行
摘要:attAchments为tablevar tb = document.getElementById('attAchments'); var rowNum=tb.rows.length; for (i=0;i<rowNum;i++) { tb.deleteRow(i); rowNum=rowNum-1; i=i-1; }
阅读全文
posted @
2007-02-12 13:41
宏宇
阅读(11653)
推荐(0) 编辑
通过js 向table添加或修改row及cell
摘要://取得table对象 var tabObj = document.getElementById("tabTipResult"); //目前table有多少行 var rowCount = tabObj.rows.length; //每行有多少列 var cellCount = tabObj.rows(0).cells.length; ...
阅读全文
posted @
2007-02-10 14:39
宏宇
阅读(2251)
推荐(1) 编辑
js中定时器的使用
摘要:setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间,再进行某项操作。setTimeout("function",time) 设置一个超时对象 setInterval(expression,delayTime),每个DelayTime,都将执行Expression.常常可用于刷新表达式....
阅读全文
posted @
2007-02-09 09:25
宏宇
阅读(1360)
推荐(0) 编辑
JavaScript经典效果集锦(一)
摘要:绝大部分属于转载,有很多还是出自咱们蓝色的经典论坛. *****[第1页目录]*****一 实用且必用的小脚本代码二 鼠标旁边的提示信息,类似与163登录后的页面提示效果三 如果文字过长,则将过长的部分变成省略号显示四 滚动的图片五 接收键盘指令的脚本六 让你的文本链接渐隐渐显七 类似与QQ的好友/黑名单之类的树型菜单-----推荐八 很多的脚本翻页------推荐九 DIV的透明层实现十 JSP...
阅读全文
posted @
2006-12-29 15:45
宏宇
阅读(406)
推荐(0) 编辑
简单的模态窗口
摘要:function showModal(){ theDes="status:no;center:yes;help:no;minimize:yes;maximize:no;dialogWidth:350px;scroll:no;dialogHeight:200px"; //焦点在窗口 父窗口不可编辑self.showModalDialog("http://www.sina.com.cn...
阅读全文
posted @
2006-12-20 19:15
宏宇
阅读(376)
推荐(0) 编辑
在js中刷新本页
摘要:window.location.reload();
阅读全文
posted @
2006-11-24 15:17
宏宇
阅读(530)
推荐(0) 编辑
JS弹出窗口的运用与技巧(转)
摘要://关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write(""); //关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write(""); //弹出窗口刷新当前页面width=200 height=200菜单。菜单栏,工具条,地址栏,状态栏全没有this.Response.Write(""); //弹出窗口刷新当前页面this.Response.W...
阅读全文
posted @
2006-11-07 19:11
宏宇
阅读(321)
推荐(0) 编辑
C#后台绑事件 和前台js方法
摘要:Button.Attributes.Add("onclick", "www();");
阅读全文
posted @
2006-10-28 16:51
宏宇
阅读(540)
推荐(0) 编辑
脚本(js)控制页面输入
摘要:简单介绍:IE中的event有很多keyCode,并且在不同的事件(onkeydown,onkeypress,onkeyup)中同一个键的keyCode也有可能不同。onkeydown Event Fires when the user presses a key. 对于字母大小写不区分keyCode,a-z/A-Z的keyCode都是65-90 对于数字和小键盘的数字区分key...
阅读全文
posted @
2006-10-14 16:33
宏宇
阅读(524)
推荐(0) 编辑
Javascript小技巧(6)
摘要://自定义提示条 tip //插入文字 document.onclick =function(){ var oSource = window.event.srcElement; if(oSource.tagName!="DIV") return false; var sel = document.selection; if (sel!=null) { var rng = sel.cr...
阅读全文
posted @
2006-10-14 16:32
宏宇
阅读(365)
推荐(0) 编辑
Javascript小技巧(5)
摘要://可编辑SELECT //设置光标位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStar...
阅读全文
posted @
2006-10-14 16:31
宏宇
阅读(206)
推荐(0) 编辑
Javascript小技巧(4)
摘要://文档状态改变 //刷新后不变的文本框 //访问剪贴板 (1)拖拽访问 event.dataTransfer.setData("URL", oImage.src); sImageURL = event.dataTransfer.getData("URL") (2)普通访问 window.clipboardData.setData("Text",oSource.innerTe...
阅读全文
posted @
2006-10-14 16:31
宏宇
阅读(273)
推荐(0) 编辑
Javascript小技巧(3)
摘要://自带的打印预览 WebBrowser.ExecWB(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 Web.ExecWB(4,1) 保存网页 Web.ExecWB(6,1) 打印 Web.ExecWB(7,1) 打印预览 Web.ExecWB(8,1) 打印页面设置 Web.ExecWB(10,1) 查看页面属性 Web.ExecWB(1...
阅读全文
posted @
2006-10-14 16:30
宏宇
阅读(225)
推荐(0) 编辑
Javascript小技巧(2)
摘要://各种尺寸 s += "\r\n网页可见区域宽:"+ document.body.clientWidth; s += "\r\n网页可见区域高:"+ document.body.clientHeight; s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)"; s += ...
阅读全文
posted @
2006-10-14 16:29
宏宇
阅读(233)
推荐(0) 编辑