Javascript简单实现可拖动的div

复制代码 代码如下:

<html>
<head>
<script type="text/javascript">
var x;
var y;
function $(id)
{
return document.getElementById(id)
}
function mousedown()
{
x=event.clientX-$("px").style.pixelLeft;
y=event.clientY-$("px").style.pixelTop;
$("px").style.border="2px solid red";
$("px").onmousemove = mousemove;
}
function mouseup()
{
$("px").onmousemove = "";
$("px").style.border="";
}
function mousemove()
{
$("px").style.pixelLeft=event.clientX-x;
$("px").style.pixelTop=event.clientY-y;
}
</script>
</head>
<body>
<div id="px"
onmousedown="mousedown()" onmouseup="mouseup()" >
</div>
</body>
</html>

本页内容版权归属为原作者,如有侵犯您的权益,请通知我们删除。
有时需要将数组转成伪数组(ArrayLike),如下 复制代码 代码如下: var ary = ['one','two','three']; var obj = {}; // 没有length属性 Array.prototype.push.apply(obj, ary); for(var i in obj){ alert(i + ': ' + obj[i]); } IE8/9/Firefox/Safari/Chrome 依次弹出了obj的key及其value。即能转换成ArrayLike。 但IE6/7下则
js判断undefined类型 今天使用showModalDialog打开页面,返回值时。当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined 所以自作聪明判断 var reValue=window.showModalDialog("","",""); if (reValue== undefined){ alert("undefined"); } 发现判断不出来,最后查了下资料要用typeof 方法: if (typeof(reValue) == "undefined") { ale
例如有这样一段html代码: 复制代码 代码如下: 脚本之家演示代码 p大家好,欢迎来到jb51.net/p 这里为大家提供最优秀的a href=#> 我们希望删除这段html代码里面的一对p标签,但是要保持里面的内容不被删除,这里我们用jquery处理,详细的jQuery代码: 复制代码 代码如下: script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'/scr

JavaScript.Encode手动解码技巧 - 2015-04-28 11:04:12

JS.Encode是在JS代码进行编码之后形成的“乱码”,此乱码除无法阅读之外,仍能够良好的执行。 往往在网页上有JS加密代码的解码方法,但是由于代码中存在转义字符,无法正确的进行解码。 JAVAScript使用以下八种转义字符。这些字符都是以一个反斜线(\)开始。当JAVAScript的解释器(Interpreter)看到反斜线时,就会特别注意,表现出程序员所要表达的意思。 序 转义字符 使用说明 1 \b 后退一格(Backspace) 2 \f 换页(FormFeed) 3 \n 换行(NewLine
这个插件在前段时间用过一次,当时是改一个网站。要求顶部的菜单栏随着滚动条的滚动而固定。也大体写了一下,不过在文章中也只是提了一下,文章地址:jQuery插件固定元素位置。 在这篇文章中,再进行总结一下。 一.scrolltofixed插件功能 固定某个元素的位置,在页面滚动时,元素仍然显示。 二.scrolltofixed官方地址 https://github.com/bigspotteddog/ScrollToFixed 。在官方地址上有使用说明,在下面有插件的属性方法说明。demo中也有详细的用例,可
这个问题弄了半小时没想明白,后来觉得是这样的. 菜单 复制代码 代码如下: li class="menu"a href=#> 点击li时,触发里面的超连接: 复制代码 代码如下: // 正确选择 $("li.menu").children("a")[0].click() // 以下是不行的 $("li.menu").children("a").eq(0).click() --会说参数错误,没有找到绑定的click事件函数, --因为eq(0)返回的是一个jQuery对象,click()发生时,会找绑定到它

js判断浏览器类型的方法 - 2015-04-28 11:04:12

代码如下: 复制代码 代码如下: var isIE=!!window.ActiveXObject; var isIE6=isIE!window.XMLHttpRequest; var isIE8=isIE!!document.documentMode; var isIE7=isIE!isIE6!isIE8; if (isIE){ if (isIE6){ alert(”ie6″); }else if (isIE8){ alert(”ie8″); }else if (isIE7){ alert(”ie7″);

javascript克隆对象深度介绍 - 2015-04-28 11:04:12

js一般有两种不同数据类型的值: 基本类型(包括undefined,Null,boolean,String,Number),按值传递; 引用类型(包括数组,对象),按址传递,引用类型在值传递的时候是内存中的地址。 克隆或者拷贝分为2种: 浅度克隆:基本类型为值传递,对象仍为引用传递。 深度克隆:所有元素或属性均完全克隆,并于原引用类型完全独立,即,在后面修改对象的属性的时候,原对象不会被修改。 复制代码 代码如下: function cloneObject(obj){ var o = obj.constru
Jquery将用户名密码存储到cookie中 需要导入jquery.js和jquery.cookie.js htmlheadtitletest cookie/titlescript src="Scripts/jquery-1.4.1.min.js" type="text/javascript"/scriptscript src="Scripts/jquery.cookie.js" type="text/javascript"/scriptscript type="text/javascript" $(do
这里把符合以下条件的对象称为伪数组 1,具有length属性 2,按索引方式存储数据 3,不具有数组的push,pop等方法 如 1,function内的arguments 。 2,通过document.forms,Form.elements,Select.options,document.getElementsByName() ,document.getElementsByTagName() ,childNodes/children 等方式获取的集合(HTMLCollection,NodeList)等。