2012年3月9日
用javascript写简单的鼠标拖动效果
摘要： 用鼠标拖动一个元素，放到网页的任意一个位置上，这是很常见的，例如很多博客模板版块位置可以自己拖动到相应位置。下面先写一个简单的可以实现鼠标拖动的效果。当鼠标按下的时候，记录鼠标当前位置和元素左边距离的差值。当鼠标移动的时候，给元素的位置赋值，就是鼠标的位置，减去刚才的差值。当鼠标放开的时候，给鼠标移动和鼠标放开赋值null，让它们不要再有任何动作。要点一：disx = oevent.clientX - box.offsetLeft; 要确定拖动的时候鼠标点在元素的位置，就是鼠标位置减去元素的左边距离。要点二：box.style.left = oevent.clientX - disx + &q 阅读全文
posted @ 2012-03-09 23:00 jingangel 阅读(467) 评论(0) 推荐(0)
用js实现简单的左右两边固定广告效果
摘要： 大多数网站都有左右两边的固定广告位，下面呢就是实现这个效果的最简单的代码，可能在ie下滚动的时候会有一点抖动，这个问题以后再解决了，先实现再说。要点一： var adtop = adleft.offsetTop; 获得元素距离上边的位置，在滚动的时候需要用到。要点二：adleft.style.top = adtop + (document.documentElement.scrollTop || document.body.scrollTop) +"px"; 滚动时，给元素的上边位置赋值为元素本身距离上边的距离加上滚动的距离。上代码<!DOCTYPE html> 阅读全文
posted @ 2012-03-09 22:15 jingangel 阅读(2535) 评论(0) 推荐(0)
用js写交换运动效果
摘要： 如图所示地址http://nfc.qq.com/?&mz_ca=1000973&mz_sp=3xYDZ0&mz_cr=0&mz_sr=0&mz_sb=1实现后的效果，点击互相交换位置和距离左边和上角的信息。要点一：var now = s_pic_li[0]; for(var i=0; i<s_pic_li.length; i++){ s_pic_li[i].onclick = function(){ if(this == now) return false; var w = now.offsetWidth; var h = now.offsetHe 阅读全文
posted @ 2012-03-09 13:57 jingangel 阅读(584) 评论(0) 推荐(0)