前端—郭瑞

摘要：在jQuery提供方便的接口的今天，我们很容易就可以利用API ：animate（）来实现动画。不知道大家发现了没有在animate（）的参数中的第一项是一个式样集合，不知道大家是不是和我有同样的疑问：为什么不直接添加一个类而是式样集合呢？我猜测是因为animate（）函数只能处理有限的属性，或... 阅读全文

摘要：正常的块级元素默认会独占一行，我们可以通过浮动的方式来使其脱离文档流，横向排列。但是浮动如果不及时清除，就会影响下一个元素的表现。所以我们要及时地清除浮动。那么如何清除浮动呢？ 首先说明，我们要的是真真正正的清除，不是撑起父元素，所以像为父元素设置高度，这种做法我不提倡。 方法一： 如果上... 阅读全文

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

摘要：等我们实现列表时，经常会遇到一种情况：需要为列表的每一项的前面添加一个列表项图像。我们在查阅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语句用“”包裹起来。但是，我尝试了几次... 阅读全文