燎原之火的菠萝格

摘要： 页面加载之DOMReady事件 所谓domReady,也就是文档就绪，我们都知道，在操作dom时必须要在dom树加载完成后才能进行操作。如何检测DOM树已经构建完成，以下是一些实现的方式： 1.使用jQuery： 2.监听DOMContentLoaded事件,DOM 树创建完成后会触发,不支持IE1 阅读全文

摘要： 在这个例子中，我们会看到一个纯CSS制作的下拉框。主要是要用到了HTML元素的checkbox 和CSS3选择器，并没有用到JavaScript。例子如下： Click to ExpandLink OneLink TwoLink ThreeLink Four实现过程：HTML结构 Cl... 阅读全文

摘要： 在不久前的项目中，涉及到一个表格数据展示在IE下出现兼容性问题。经过一段时间的排查，居然是一个cellIndex属性导致的。cellIndex表示返回一行的单元格集合中单元格的位置索引。例子： 1 2 ... 阅读全文

摘要： 页面构建中的Flash层会遮挡Div的问题，一般通过设置wmode="transparent" 或wmode="window"就可以解决。不过对于Flash视频这个貌似不太凑效。对于Flash遮挡的问题，首先来了解一些wmode的一些属性值。wmode的5种取值Window模式默认情况下的显示模式，... 阅读全文

摘要： 最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。对于inline-block元素及去掉间隙的方法，在这里做一个简单的总结。 inline-block 即内联块,在 阅读全文

摘要： css中的z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index ... 阅读全文

摘要： 最近通过手机访问本地服务器时出现以下问题：Access forbidden!New XAMPP security concept:Access to the requested directory is only available from the local network.This setti... 阅读全文

摘要： 实现一个文本无缝滚动的效果： 文字滚动 汽车 | 运动B级车降3万5 家居 | 这么厉害的装修 女人真的要坐不住了 教育 | 各省前三报考华工重奖10万元/人 汽车 | 运动B级车降3万5 平行进口车加价11万 健康 | 滥用激素酿苦果 14岁男孩... 阅读全文

摘要： 闲来无事，搞了个页面的分屏效果，先来看下效果：出于可自定义宽高的目的,屏幕分块由CSS控制，由js控制估计等分模块效果一般.程序相关说明：HTML结构： header js调用：//分屏数据 var iframes ... 阅读全文

摘要： 在网站开发中经常会用到选项卡功能，为了节省一下写代码时间，封装了一下tab插件，方便调用。 来看一下效果： tab-1 tab-2 tab-3 tabs-1-panel tabs-2-panel tabs-3-panel tab-1 tab-2 tab-3 tabs-1-panel tabs-2-p 阅读全文