摘要： 在很多的网站上我们都会看到这样的效果——自适应两栏布局。那么它和两栏布局又有什么区别呢？下面我们一起来研究一下。 一、什么是自适应两栏布局 当我们调整浏览器的宽度时，我们希望其中的一个比较重要的分栏保持不变；而另一个分栏能随着浏览器宽度的变化自动的调节自己的宽度，而其内容自动的换行，不会出现... 阅读全文

摘要： 等我们实现列表时，经常会遇到一种情况：需要为列表的每一项的前面添加一个列表项图像。我们在查阅W3C时会发现，在CSS中已经为我们提供了实现方法——“list-style-type”，我们来看看它的实现方法。方法一(“list-style-type”属性)： 1 ul {2 list-sty... 阅读全文

摘要： 在前两篇博文中，我们写了一个普通的轮播切换。但是我们不能每一次需要这个功能就把这些代码有重新敲一次。下面我们就将它封装成一个插件。 至于什么是插件，又为什么要封装插件，不是本文考虑的内容。 我们趁着刚才的思路还在，直接开始写。一、jQuery插件的基本结构：我只介绍本例中用到的一种插件:1 ... 阅读全文

摘要： 在上一篇博文中，我们完成了一个简单的轮播切换。它的功能比较简单，仅仅能定时切换图片。但是有没有这样一种情况。当我们特意的想看某一个轮播显示项时不希望等轮播一圈才能等到，希望通过图上的一些元素，触发某些事件，而快速轮播到目标项。在很多网站中，都有这样的效果。基本上，是通过轮播图上的小圆点来实现的。... 阅读全文

摘要： 我们在网上经常会看到一些轮播切换的效果。轮播切换，就是在一个有限的空间中定时的像走马灯一样去播放一组图片，当然也可以通过鼠标悬停在小按钮上来切换显示。下面我们将一步一步的实现这一效果。 为保证效果，请加入平时常用的reset.css 我们要做轮播切换，首先要有一个作为容器。为了方便查找，我为... 阅读全文

摘要： 介绍BFC的博文有很多，下面，我就从另一个角度解释一下“在什么情况下会使用BFC”以下仅代表我的个人看法，如果有错误的地方，还希望大家能告诉我，以免我在错误的道路上越走越远。一、BFC是什么Block Formatting Context 块元素 格式 上下文，他是一种特定触发条件下的规则。Bloc... 阅读全文

摘要： 前几天，在写一段js代码时，出现了一些问题，调了很长时间也没有调通，其原因是，我在处理变量的作用域时错误地沿用了C++的作用域机制。因此我回炉了一次。如果你使用过C++或java等一系列的面向对象的编程语言，那么我相信一定对“作用域”这个概念并不陌生。它很好地体现了封装性，使得外面的环境不能轻易的访... 阅读全文

摘要： 在css中有一种属性position。在W3C上我们可以找到他又一下几种属性：absolute、fixed、relative、static、inherit。但是position的使用却并不是简简单单的将以上的属性值写入css就可以大功告成的，要想使用position，就要考虑这几种属性值在不同父级元... 阅读全文

摘要： 在使用javascript动态添加页面上元素时，我们经常会使用DOM去逐个地将节点添加到文档碎片中，再将整个文档节点添加到DOM树中。其实还有一种方法动态添加元素：innerHTML。 我最近要将一大段的元素添加到页面 方法很简单，就是将要添加的HTML语句用“”包裹起来。但是，我尝试了几次... 阅读全文