比较精简的Javascript拖动效果函数代码_javascript技巧

div1:我可以被拖动

div2:来拖我呀

div3:我随便你拖

div4:我可以随窗口滑动，把我拖到最下面，然后滚动网页看看

作者: Longbill
www.longbill.cn

参数说明:

drag(obj [,scroll]);

obj:对象的id或对象本身;

scroll(可选):对象是否随窗口拖动而滑动，默认为否

鼠标右键查看源代码

时间： 2024-09-20 08:14:04

比较精简的Javascript拖动效果函数代码_javascript技巧的相关文章

JavaScript:Div层拖动效果实例代码_javascript技巧

Div层拖动效果图: 实现:CSS: 复制代码代码如下: <style>div{position:relative;}</style> JS: 复制代码代码如下: <script type="text/javascript"> var mouseover=truevar xcoor;var ycoor;function coordinates(){ if (event.srcElement.id.indexOf("wishbroad&q

javascript 拖放效果实现代码_javascript技巧

有许多理由让你在页面中加入拖放的功能,其中最简单的理由是重新组织数据.举个例子,你可能希望用户能够重组一系列的页面元素,通过放置一个input或 select组件在各个元素的旁边来代表它们的顺序是一种解决方案,使该组元素可以被拖放是一种替代方案.或者也许你想在网站上拥有一个可以被用户移动的导航窗口.这些都是使用拖放功能的简单理由,因为你能够实现! 在你的网页上实现拖放的效果并不是很复杂.首先,我们知道鼠标的位置,然后我们需要了解用户什么时候点击一个元素,以至于我们知道要准备开始拖动它,最后我们要

javascript bind绑定函数代码_javascript技巧

具体结论可参见<javascript下动态this与动态绑定实例代码>.本文专注设计一个无侵入的绑定函数. [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 基于不扩展原生对象的原则,弄了这个bind函数(dom为作用域),用法与Prototype框架的bind差不多. 复制代码代码如下: dom.bind = function(fn,context){ //第二个参数如果你喜欢的话,也可以改为thisObject,scope, //总之,是一个新的作用域对象 if (argume

Javascript insertAfter() 实现函数代码_javascript技巧

复制代码代码如下: //DOM没有提供insertAfter()方法 function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { // 如果最后的节点是目标元素,则直接添加.因为默认是最后 parent.appendChild(newElement); } else { parent.insertB

javascript 缓冲效果实现代码_javascript技巧

左放大左缩小高放大高缩小左移动右移动透明加透明减联动1 联动2

最精简的JavaScript实现鼠标拖动效果的方法_javascript技巧

相对于其它的鼠标拖动效果,这款拖动特效还是比较精简的,而且它还支持鼠标吸附,不按鼠标左键它也可以会跟随鼠标移动:定义时候也相对方便,只用指定被拖动的DIV ID就可以了,扩展性很好. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=

Javascript 阿拉伯数字转化中国大写数字的函数代码_javascript技巧

主要函数代码: 复制代码代码如下: function Chinese(num) { if(!/^\d*(\.\d*)?$/.test(num)) { alert("你输入的不是数字,请重新输入!"); return false; } var AA = new Array("零","壹","贰","叁","肆","伍","陆","柒&qu

在PHP中实现Javascript的escape()函数代码_php技巧

这里,一般都需要预先将正常的字符串编码成 JavaScript unescape() 函数能够解译的格式,以 PHP 为例,可以使用以下函数实现 Javascript 中 escape() 函数相同的功能: 复制代码代码如下: <?php function escapeToHex($string, $encoding = UTF-8) { $return = ; for ($x = 0; $x < mb_strlen($string, $encoding); $x ++) { $str =

javascript 四则运算精度修正函数代码_javascript技巧

函数代码如下: 复制代码代码如下: /* * 四则运算精度修正函数 * m 数值1(number) * n 数值2(number) * op 操作符(string) */ function fixMath(m, n, op) { var a = (m+ " "); var b = (n+ " "); var x = 1; var y = 1; var c = 1; if(a.indexOf( ". ")> 0) { x = Math.po