摘要:一、juqery二、extjs三、prototype四、ezj 国产的一个js框架 http://www.getezj.com/demo/五、DragBinder 是一款拖拽绑定程序,它的功能非常的强大。它可以实现自由拖拽、特定范围内拖拽、特定步长拖拽。所以我们用它只花了几句代码就实现了滑块条、窗体大小改变等各种丰富特效的 Web 控件。http://www.cftea.com/products/DragBinder/demo.htm 来源:千一网络六、ScrollBinder v1.0.2 http://www.cftea.com/products/webComponents/ScrollB
阅读全文
04 2012 档案
摘要:(scrollHeight、offsetHeight、clientHeight 同样可按本文去理解。)这是一个很复杂的问题,让我们想像一下:document.documentElement.scrollWidthdocument.documentElement.offsetWidthdocument.documentElement.clientWidthdocument.body.scrollWidthdocument.body.offsetWidthdocument.body.clientWidth有 6 个属性要测,这 6 个属性要放在4 种情况中:没有指定 DOCTYPE,网页内容没有超
阅读全文
摘要:假设 obj 为某个 HTML 控件。offsetTop、offsetLeftobj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。具体算法请参见 offsetTop、offsetLeft 算法。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位像素。offsetWidth、offsetHeightobj.offsetWidth 指 obj 控件自身的绝对宽度,不包括因 overflow 而未显示的部分,也就是其实际占据的宽度,整型,单位像素。
阅读全文
摘要:假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度,不包括因 overflow 而未显示的部分,也就是其实际占据的宽度,整型,单位像素。obj.offsetHeight 指 obj 控件自身的绝对高度,不包括因 overflow 而未显示的部分,也就是其实际占据的高度,整型,单位像素。我
阅读全文
摘要:如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值, 这同offsetLeft是相同的,区别在于: 1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算, 还用offsetLeft比较方便。 2. style.left是读写的,offsetLeft是只读的,所以要改变div的位置,只能修改style.left。 3. style.left的值需要事先定义,否则取到的值为空。而且必须要定义在html里,我做过试验,如果
阅读全文
摘要:上面是一个网页,由于窗口大限的限制,没有完全显示出来,没有显示出来的,用阴影标注了。上阴影就是 scrollTop;上阴影 + 白的 + 下阴影就是 scrollHeight。scrollTop 是“卷”起来的高度值,示例:<div style="width:200px;height:200px;background-color:#999999;overflow:hidden;" id="p"> <div style="width:100px;height:300px;background-color:#FFFF00;&quo
阅读全文
摘要:点评:CSS中很多时候会用到浮动来布局,也就是经常见到的float:left或者float:right,简单点来说,前者是左浮动(往左侧向前边的非浮动元素飘,全是飘得元素的话,就按照流式来浮动从左到右,放不下则换行),后者是右浮(往右飘)动。但仅仅是如此吗?-No! 要注意以下几点: 1、 浮动元素会被自动设置成块级元素,相当于给元素设置了display:block(块级元素能设置宽和高,而行内元素则不可以)。 2、 浮动元素后边的非浮动元素显示问题。 3、 多个浮动方向一致的元素使用流式排列,此时要注意浮动元素的高度。 4、子元素全为浮动元素的元素高度自适应问题。 以下详细分析四个问题。 一
阅读全文
摘要:function Point(iX, iY){ this.x = iX; this.y = iY; } function fGetXY(aTag){ var oTmp=aTag; var pt = new Point(0,0); do { pt.x += oTmp.offsetLeft; pt.y += oTmp.offsetTop; oTmp = oTmp.offsetParent; } while(oTmp.tagName!="BODY"); return pt; } 如果想在触发事件的元素(例如文本框假如是myinput)下面弹出一个div 获取触发事件的元素 va.
阅读全文
摘要:转自:http://www.cnblogs.com/long_/archive/2010/09/09/1822574.html event对象是JavaScript中最重要的对象之一,他代表了各种事件的状态,在各种事件的事件处理中经常用到,比如键盘活动、鼠标活动等等,其中有几个对象官方说的比较模糊,很难理解,这里有必要通俗化的理解一下。 概念(不是官方,来源于网络):clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。 o
阅读全文
摘要:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js拖动div修正版</title><script type="text/javascript">var _move = false;var _x,_y;w
阅读全文
摘要:一般事件事件浏览器支持描述onClickIE3|N2|O3鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClickIE4|N4|O鼠标双击事件onMouseDownIE4|N4|O鼠标上的按钮被按下了onMouseUpIE4|N4|O鼠标按下后,松开时激发的事件onMouseOverIE3|N2|O3当鼠标移动到某对象范围的上方时触发的事件onMouseMoveIE4|N4|O鼠标移动时触发的事件onMouseOutIE4|N3|O3当鼠标离开某对象范围时触发的事件onKeyPressIE4|N4|O当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]o
阅读全文
摘要:<html> <head> <title></title> <script language="javascript" type="text/javascript">function showpos() { document.all.x.value = event.clientX; document.all.y.value = event.clientY; } function Point() { this.x, this.y; this.eventpos = function() { this
阅读全文
摘要:一、C++编译模式通常,在一个C++程序中,只包含两类文件——.cpp文件和.h文件。其中,.cpp文件被称作C++源文件,里面放的都是C++的源代码;而.h文件则被称作C++头文件,里面放的也是C++的源代码。C+ +语言支持“分别编译”(separate compilation)。也就是说,一个程序所有的内容,可以分成不同的部分分别放在不同的.cpp文件里。.cpp文件里的东西都是相对独立的,在编 译(compile)时不需要与其他文件互通,只需要在编译成目标文件后再与其他的目标文件做一次链接(link)就行了。比如,在文件a.cpp中定义 了一个全局函数“void a() {}”,而在文
阅读全文
摘要:function userAgent(){ var ua = navigator.userAgent; ua = ua.toLowerCase(); var match = /(webkit)[ \/]([\w.]+)/.exec(ua) || /(opera)(?:.*version)?[ \/]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || !/compatible/.test(ua) && /(mozilla)(?:.*? rv:([\w.]+))?/.exec(ua)||[]; //如果需要获取浏览器版本号:mat
阅读全文
摘要:attachEvent 与addEventListener到底有什么区别呢?总结如下:一、适应的浏览器版本不同attachEvent方法适用于IE addEventListener方法适用于FF二、针对的事件不同attachEvent中的事件带on 而addEventListener中的事件不带on三、参数的个数不同attachEvent方法两个参数:第一个参数为事件名称,第二个参数为接收事件处理的函数; addEventListener 有三个参数:第一个参数表示事件名称(不含 on,如 "click");第二个参数表示要接收事件处理的函数;第三个参数是一个bool值,一
阅读全文