- 博客(61)
- 资源 (1)
- 收藏
- 关注
原创 Fancybox插件,动态创建的元素绑定事件
打开 jquery.mousewheel-3.0.4.pack.js,然后搜索 click.fb ,共有2处,分别把2处前面的 unbind 和 bind 改成 die live例如$.fn.fancybox = function(options) {$(this)
2011-08-19 18:40:19 2597 1
转载 jQuery-wDragSort 拖曳排序
版本:v1.0.619更新:2011.06.19下载:jQuery-wDragSort.rar(内含jquery-1.4.2.min.js)来源:我不忙,分享 http://wobumang.com/FenXiang/JQuery/wDragSort演示:【在
2011-08-19 11:46:42 1443 1
转载 JQuery UI - draggable参数中文详细说明
<!--ol, li {list-style-type:none}-->·概述 在任何DOM元素启用拖动功能。通过单击鼠标并拖动对象在窗口内的任何地方移动。 官方示例地址:http://jqueryui.com/demos/dragga
2011-08-19 09:11:39 3233
原创 用XMLHttpRequest对象打造AJAX
用XMLHttpRequest对象打造AJAX不同浏览器对XMLHttpRequest对象的具体实现和具体使用不太一样,比如创建一个XMLHTTP对象实例,IE和其他浏览器就不同另外需要注意的是 request.readyState 的readyState 中第一个单词就
2011-08-05 13:37:57 671
原创 内联排列的间距 和 浏览器对换行符理解成文本节点的原因研究
li使用display:inline的时候,如果标签之间有换行符,浏览器会留空隙(IE6 IE7除外)*{ margin:0; padding:0;}body{ margin:10px 10%; background:#666;}ul,
2011-08-03 19:32:51 4822
原创 javascript 标签控制图片顺滑滚动切换
move img#baobaophoto{ width:300px; height:200px; overflow:hidden; position:relative;}#bbimg{ position:absolute;}a:link
2011-08-03 12:54:17 1108
原创 addClass(element,value)函数,设置和叠加css样式
之前写过 javascript Camel记号 获取和设置元素CSS样式信息的CSS属性值 ,我们可以通过element.style.css样式属性 来获取和设置元素的样式信息这样并不是不可以,只是不便于日后的维护,如果使用了javascript大量代码进行改变元素的
2011-08-02 16:19:53 4115
原创 javascript Camel记号 获取和设置元素CSS样式信息的CSS属性值
事实上,对象的方法和属性其实是绑定对象的函数和变量,由于 - + 之类的符号是javascript保留给自身语言使用的特殊符号,是作为运算使用的,所以不能在变量名或者函数名中使用。我们可以通过 element.style.css样式属性 来获取元素的样式信息,常规的cs
2011-08-02 14:15:26 1403
原创 DOM Core 获取某节点下最后一个子元素节点、第一个子元素节点、下一个兄弟元素节点、上一个兄弟元素节点
javascript获取某节点下最后一个元素节点aaa//通过通配符获取到P元素节点下所有的元素节点,然后把节点数组长度-1,就是数组中最后一个数组元素的下标,由此可以得到最后一个元素节点var txt = document.getElemen
2011-08-02 13:10:09 12027
原创 DOM Core insertBefore方法 和自定义函数 insertAfter
DOM Core 提供了一个向节点内的某一个子节点前面插入一个新的节点的方法 insertBeforeparentElement.insertBefore(newElement,targetElement);//父节点.insertBefore(新节点,目标节点)但是它却
2011-08-02 09:00:59 1000
原创 常见的 DOM Core 方法、属性和注意点
常见的DOM Core方法如下:1、创建节点createElement()createTextNode()2、复制节点cloneNode()3、插入节点appendChild()insertBefore()4、删除节点removeChi
2011-08-02 08:13:23 1379
原创 div包裹img,底部一小段空白bug
div img空白bugbody{ margin:0; padding:0;}div{ background:#000;}img{ display:block;}在div的底部,和img边缘之间有空白
2011-08-01 20:48:53 3989
原创 javascript 事件队列加载函数 addLoadEvent
每个事件处理函数只能绑定一条指令,如果像下面这样逐一,那只有最后那个绑定的才会执行window.onload = firstFunction();window.onload = secondFunction();也就是说如果有多条指令需要绑定在一个事件上,那么最好是把
2011-08-01 20:01:06 1181
原创 由一段 “javascript css 照片切换代码” 引发的深入研究
javascript cssbody,ul,li{ margin:0; padding:0;}body{ padding:50px; background:#FEFCE7;}ul{ height:1%;/*触发IE hasLayout消
2011-08-01 17:14:14 767
原创 css打造自适应布局
test*{ margin:0; padding:0; color:#FFF;}.a{ background:#FF0000; width:100%; float:left; margin-right:-100px;}.b{
2011-07-30 10:11:21 1161
原创 纠结的 hasLayout与overflow:hidden --- 清除浮动之谜
之前我在 zoom:1 和 overflow:hidden 日志中就说过zoom:1和overflow:hidden的功能是一致的,甚至用height:1%代替zoom:1也是一样效果其实我这篇日志想说的就是,IE专有的hasLayout是由zoom:1和height:1
2011-07-30 09:15:23 2887
原创 纠结的 float与行框 --- 文字围绕浮动之谜
最近一直纠结于浮动和非浮动元素相邻时候的奇怪表现,按照我的理解,浮动元素浮动后就脱离了普通文档流,相邻的非浮动元素就会忽略浮动元素本来应该占有的那部分空间。按照我之前的理解,那么我认为如果一个元素A浮动了,那么相邻的非浮动元素B一定会被A覆盖在下面了,但是实际情况中我有两点问
2011-07-30 06:56:28 7400 7
原创 zoom:1 和 overflow:hidden
之前发过一个博文 http://blog.csdn.net/hedong37518585/article/details/6644408#reply 对其中的overflow:hidden的作用比较迷惑感谢qqshenyunzcz 对该日志的回复,当我对overflow
2011-07-29 17:20:33 5446
原创 float 和 hasLayout 研究(文字围绕)
IE6 浮动元素与非浮动元素在一起,3px偏移BUG*{ margin:0; padding:0; font-size:12px;}.box{ width:220px; overflow:auto;}.leftbox{ backgr
2011-07-29 15:57:07 1002
原创 float浮动 和 hasLayout 研究心得
float 浮动有三个用处:一是使得自身脱离文档流,使得父容器不会受其高度影响(IE6下给父容器触发hasLayout即可解决);二是使得后面的非浮动元素“顺流环绕”浮动元素(IE6下给右侧非浮动元素触发hasLayout即可剞劂);三是浮动元素的尺寸,如果未指定将按自身内部元素
2011-07-29 15:25:56 1808 3
原创 IE6 a:hover失效 原因是haslayout
haslayout引起IE6下 a:hover失效a:hover {}a:hover span{color:#F00;}鼠标经过时改变我的颜色在IE6下鼠标经过span不会变色,其他浏览器都OK,要解决这个问题就必须触发a:hover的
2011-07-29 13:20:24 1400
原创 IE6 常见CSS BUG修复
IE6双倍边距bughttp://blog.csdn.net/hedong37518585/article/details/6638997 3像素问题及解决办法http://blog.csdn.net/hedong37518585/article/details/6639044
2011-07-28 21:52:29 1020
原创 html javascript css 大小写
xhtml 区分大小写,xhtml要求 标签名 属性名 值都要小写,并且要有双引号和 标签闭合css 元素名称以及id和类名的命名也是区分大小写的(但是属性和值不区分),尽量小写,可以用-连字符,尽量不要用_下划线做连字符(IE6下_和-均失效)javascript 的变量和其
2011-07-28 21:31:25 2472
转载 yui reset.css 2.9.0 全注释版
/*Copyright (c) 2011, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.com/yui/license.html
2011-07-28 19:21:27 2262 1
原创 IE float浮动 子元素不能撑开父容器 解决办法
IE float浮动 子元素不能撑开父容器 解决办法#box{ background:#666; width:200px;}.obox{ background:#FF0000; width:100px; height:30px; float
2011-07-28 08:58:16 4568
原创 css hack整理,更新于2011-7-27
CSS hack.box{ color:red; *color:green; /* IE6 IE7 */ *+color:green; /* IE6 IE7 */ [color:green; /* IE6 IE7 */ _co
2011-07-27 22:59:26 691
转载 hasLayout 介绍,以及其触发条件
什么是 haslayout ? haslayout 是IE渲染引擎的一个内部组成部分。在IE中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,IE渲染引擎采用了 hasLayout 属性,属性值可以为true或f
2011-07-27 22:20:47 5312
原创 IE6 相对定位容器中的绝对定位BUG
IE6 相对定位容器中的绝对定位BUG*{ margin:0; padding:0;}#box { background:#eee; border:1px solid #333; position:relative; text-align
2011-07-27 21:57:37 1648
原创 IE6 躲猫猫BUG的解决方案
IE6 躲猫猫BUG*{ margin:0; padding:0;}#box { background:#eee;} #float { float:left;} #clear { clear:both;}
2011-07-27 21:45:15 2276
原创 IE6 浮动元素之间注释太多 导致重复字符BUG
IE6 浮动元素之间注释太多 导致重复字符BUG*{ margin:0; padding:0;}#repeatword_bug{ width:200px; height:200px; background:#F00;}#re_float
2011-07-27 21:16:14 1058
原创 连续英文或者数字的强制换行
连续英文或者数字的强制换行*{ margin:0; padding:0;}.text{ width:64px; height:64px; background:#CCC; float:left; margin-left:5px;
2011-07-27 21:10:11 3192
原创 IE6 浮动元素与非浮动元素在一起,3px偏移BUG解决方案
IE6 浮动元素与非浮动元素在一起,3px偏移BUG*{ margin:0; padding:0; font-size:12px;}.box{ width:220px; overflow:auto;}.leftbox{ backgr
2011-07-27 20:35:49 1321
原创 IE6 双倍水平外边距BUG以解决方案
解决办法:设置display:inline解决。原因分析:块框对象默认的display属性值是block,当设置了浮动同时设置了外边距就会出现这情况。并且,因为浮动都有其相对应的对象,只有相对于其父对象的浮动才会出现这样的问题。第一个对象是相对父对象的,而第二个对象是相对第一个对
2011-07-27 19:59:17 2168
原创 外边距叠加
垂直外边距叠加*{ margin:0; padding:0;}.top{ background:#666; margin-bottom:10px; width:100px; height:100px;}.bottom{ back
2011-07-27 19:47:39 692
原创 IE条件注释
下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果:IE条件注释您正在使用IE浏览器版本 5版本 5.0版本 5.5版本 6版本 7版本 8
2011-07-27 19:02:35 590
原创 利用jquery制作图片经过放大效果
利用jquery制作图片经过放大效果*{ margin:0; padding:0;}.bigbox, .smallbox{ width:130px; height:174px; }.bigbox{ background:#CCCCC
2011-07-26 13:52:40 1311 2
原创 CSS3学习之等高列
CSS3创造3列*{ margin:0; padding:0; }body { font: 12px "宋体"; margin: 20px;}h1 { font-size: 24px; font-weight:
2011-07-24 20:24:32 721
原创 CSS学习之三列自适应等高
高度相等的列*{ margin:0; padding:0; }body { font: 12px "宋体"; margin: 20px; color: #fff;}h1 { font-size: 24px;
2011-07-24 19:57:50 855
原创 CSS学习之DIV容器任意分辨率浏览器下水平居中
容器任意分辨率下水平居中*{ margin:0; padding:0; }html,body{ width:100%; height:100%; text-align:center;}.wrapper{ w
2011-07-24 14:20:40 760
售票管理系统 V1.01
2010-01-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人