DoubleLi

css中float left与float right clear的原理使用说明图解

摘要：点评：CSS中很多时候会用到浮动来布局，也就是经常见到的float:left或者float:right，简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。但仅仅是如此吗？-No! 要注意以下几点： 1、浮动元素会被自动设置成块级元素，相当于给元素设置了display:block（块级元素能设置宽和高，而行内元素则不可以）。 2、浮动元素后边的非浮动元素显示问题。 3、多个浮动方向一致的元素使用流式排列，此时要注意浮动元素的高度。 4、子元素全为浮动元素的元素高度自适应问题。以下详细分析四个问题。一阅读全文

posted @ 2012-04-26 10:32 DoubleLi 阅读(776) 评论(0) 推荐(0)

js获取触发事件元素的坐标

摘要： 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. 阅读全文

posted @ 2012-04-18 17:53 DoubleLi 阅读(3383) 评论(0) 推荐(0)

JavaScript event对象clientX，offsetX，screenX异同带图 .

摘要：转自：http://www.cnblogs.com/long_/archive/2010/09/09/1822574.html event对象是JavaScript中最重要的对象之一，他代表了各种事件的状态，在各种事件的事件处理中经常用到，比如键盘活动、鼠标活动等等，其中有几个对象官方说的比较模糊，很难理解，这里有必要通俗化的理解一下。概念（不是官方，来源于网络）：clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 o 阅读全文

posted @ 2012-04-18 17:04 DoubleLi 阅读(320) 评论(0) 推荐(0)

js拖动原理

摘要： <!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 阅读全文

posted @ 2012-04-18 16:47 DoubleLi 阅读(897) 评论(0) 推荐(0)

js事件列表

摘要：一般事件事件浏览器支持描述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 阅读全文

posted @ 2012-04-18 16:05 DoubleLi 阅读(460) 评论(0) 推荐(0)

javascript 中ondragstart ondrag实现拖动界面元素效果 .

摘要： <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 阅读全文

posted @ 2012-04-18 14:59 DoubleLi 阅读(6378) 评论(0) 推荐(0)

C++中的头文件和源文件

摘要：一、C++编译模式通常，在一个C++程序中，只包含两类文件——.cpp文件和.h文件。其中，.cpp文件被称作C++源文件，里面放的都是C++的源代码；而.h文件则被称作C++头文件，里面放的也是C++的源代码。C+ +语言支持“分别编译”（separate compilation）。也就是说，一个程序所有的内容，可以分成不同的部分分别放在不同的.cpp文件里。.cpp文件里的东西都是相对独立的，在编译（compile）时不需要与其他文件互通，只需要在编译成目标文件后再与其他的目标文件做一次链接（link）就行了。比如，在文件a.cpp中定义了一个全局函数“void a() {}”，而在文阅读全文

posted @ 2012-04-17 22:51 DoubleLi 阅读(67377) 评论(9) 推荐(29)

JavaScript教程：JavaScript如何判定用户浏览器类型和版本号？

摘要： 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 阅读全文

posted @ 2012-04-01 17:46 DoubleLi 阅读(438) 评论(0) 推荐(0)

【JavaScript】attachEvent 与addEventListener区别

摘要： attachEvent 与addEventListener到底有什么区别呢？总结如下：一、适应的浏览器版本不同attachEvent方法适用于IE addEventListener方法适用于FF二、针对的事件不同attachEvent中的事件带on 而addEventListener中的事件不带on三、参数的个数不同attachEvent方法两个参数：第一个参数为事件名称，第二个参数为接收事件处理的函数； addEventListener 有三个参数：第一个参数表示事件名称（不含 on，如 "click"）；第二个参数表示要接收事件处理的函数；第三个参数是一个bool值，一阅读全文

posted @ 2012-04-01 17:33 DoubleLi 阅读(4929) 评论(0) 推荐(1)

jQuery对select操作小结(遍历option，操作option)

摘要： //遍历option和添加、移除optionfunction changeShipMethod(shipping){var len = $("select[@name=ISHIPTYPE] option").lengthif(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } });}else{ $("<option valu 阅读全文

posted @ 2012-03-31 11:37 DoubleLi 阅读(47514) 评论(0) 推荐(0)

公告