摘要: 这类文章网上的很多。我只是做了详细的中文注释。便于大家理解。 --废话不多说直接上源码 (用到的图片请随便自己代替)javascript代码部分: 1 /**js拖拽特效封装*/ 2 //关于js面向对象编程详细http://sd.csdn.net/a/20120507/2805362.html 3 var Drag = { //Drag:拖拽 --用逗号分割。(属性和方法合为一条语句) 4 //声明一个obj属性代表那一个层当前对象,初始值为空。 5 obj:null, //声明obj是为了后面停止移动的函数处理。方便处理 6 7 ... 阅读全文
posted @ 2012-05-17 22:46 clouds008 阅读(779) 评论(1) 推荐(0) 编辑
摘要: 在js中有的朋友用xx.style.top取不到对象的值,很是郁闷。原因就在与style只能内嵌样式的值。 也就是说要这么写才能获取到值: <div id="xx" style="width:200px;height:200px; top:100px;"></div> 下面是参考: var divTop =divObj.style.top //style仅内嵌样式得到内嵌样式的属性值 var divTop = divObj.currentStyle.top //仅微软IE支持currentStyle,火狐谷歌不支持 //getCo 阅读全文
posted @ 2012-05-17 22:12 clouds008 阅读(1771) 评论(0) 推荐(0) 编辑
摘要: Js中的style,currentStyle,getComputedStyle()区别 样式表有三种方式: 1、内嵌样式(inline Style)-是写在Tag里面的,内嵌样式只对所有的Tag有效。 2、内部样式(internal Style Sheet)-是写在HTML的 里面的,内部样式只对所在的网页有效。 3、外部样式表(External Style Sheet)-如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。 区别: ... 阅读全文
posted @ 2012-05-17 22:01 clouds008 阅读(582) 评论(0) 推荐(0) 编辑
摘要: HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offs 阅读全文
posted @ 2012-05-17 21:40 clouds008 阅读(523) 评论(1) 推荐(1) 编辑
摘要: 当鼠标指向一个链接时,浏览器窗口底部的状态栏通常显示该链接的URL。在文档载入期间,Java applet进行初始化或者其他可能的时候,有些消息会显示在这个位置上。然而,可以用JavaScript在状态栏显示自己的信息,有时这对用户是有益的,比如,可以用一个友好简单的页面描述来代替URL链接。 任何时候都可以把其他文本赋给window.status属性。当光标位于链接上时,为了改变链接的状态栏文本,应该使用link对象的onMouseOver事件处理触发一个动作。设置状态栏的onMouseOver事件处理要求—个附加语句( return true ),它必须是事件处理程序的一部分。这在Jav. 阅读全文
posted @ 2012-05-17 10:38 clouds008 阅读(2222) 评论(0) 推荐(0) 编辑
摘要: window.event对象 event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 (详细)例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。 Java代码 <HTML> <HEAD><TITLE>CancelsLinks</TITLE> <SCRIPTL 阅读全文
posted @ 2012-05-17 10:37 clouds008 阅读(213) 评论(0) 推荐(0) 编辑