前面在《jQuery+Superfish制作下拉菜单》中介绍了使用jQuery和Joel Birch写的Superfish插件制作下拉导航菜单。使用起来是方便，而且还可以制作出不同的导航，功能强大，但有时我们只是需要做一个多级导航菜单，没有必要使用插件来制作。假使我们不需要兼容IE6这个浏览器的话，我们完全可以使用纯CSS来制作一个多级导航。比如说Devin R.

大家都知道，我们可以通过:hover来改变元素悬停状态下的相关参数，特别是元素的色彩，但:hover在现代浏览器上实现是没有问题，可在IE6下就只能适用在<a>元素上，其他元素就无法正常显示（具体可以看《浏览器兼容之旅的第四站:IE常见Bug——part2》）。但是我们可以通过jQuery来实现各个元素的相关属性改变。今天主要和大家一起来学习用jQuery随机改变元素的相关颜色，比如说：背景色，前景色，边框颜色等。

目标

我们今天主要来看一个实例——随机改变链接元素的前景色和背景色

最近在学习jQuery的相关知识点，今天在buildinternet.com看到一篇由Zach Dunn执笔介绍的《How to Make a Smooth Animated Menu with jQuery》，此文主要介绍如何用jQuery制作平滑的动画菜单。觉得效果蛮好的，而且代码也简单。特意整理一下，贴上来与大家一起分享。

有关于IE的Bug系列，我们前面一共介绍了四个部分：

最早接触Superfish还是整Drupal时的下拉菜单，那时只知道Superfish是Drupal的一个Module，用来制作类似下图的菜单：

《浏览器兼容之旅的第三站:IE常见Bug——part1》中介绍了IE浏览器下十种经典的Bug产生的原因，以及如何在写代码中避免这些Bug的产生，或者说Bug发生后，又如何来解决这些Bug。这节我们接着来看IE下的相关Bug。尽量了解并掌握他们，只有知已知彼才能百战百胜。因为大家都尝过IE下的苦楚，有时为了一个Bug纠结一两天，或者更长的都有，以致于都想头撞南墙，不想活了，这都是IE给逼的呀。不过随着时间往后的推移，我也不觉得他有什么恐怖的，我认为写代码时，结构上多加注意，写样式时尽量避免。这样一来，也没有多少Bug会缠着你。别的不说了，我们继续下面的内容——IE的Bug处理。

Internet Explorer——前端攻城师的的恶梦，十个有九个前端人员都认为他为祸人间不浅，本应早点灭掉他，可是上天有好生之德，因而没有灭之，在此情况下，前端的攻程师们将就将就过吧。前面在《浏览器兼容之旅的第一站:如何创建条件样式》和《浏览器兼容之旅的第二站:各浏览器的Hack写法》中了解了一些处理兼容的基本方法。那么这节开始浏览器兼容之旅的第三站:IE常见Bug，在本节中，您可以了解IE中常见的Bugs，以及这些Bugs要如何去避免发生，或者发生了，我们将如何去解决他。大家有兴趣吗？有兴趣的童鞋们就开始我们的旅行吧。

前面一节《浏览器兼容之旅的第一站:如何创建条件样式》和大家一起探讨了如何创建条件样式，了解和学习了创建IE条件样式的方法以及他们所起的作用，特别是知道了条件注释所起的作用。。那么这一节将和大家一起学习：浏览器兼容之旅的第二站:各浏览器的Hack写法

虽然和大家在一起学习各浏览器的Hack的写法，但我还是要说“Hack对于一位专业的前端攻程师来说并不是一样很好的东西，我力求处理浏览器兼容，尽量不使用Hack写法来处理，除非实在没有办法的情况下，再加以使用。”下面我们先来简单的了解一下什么是CSS Hack。

IE对于大家来说一定很熟悉了，作为一名Web前端开发人员或者是说前端攻程师来说，浏览器的兼容问题一定处理过不少了，特别是IE6的兼容问题，如果你的用户是针对中国市场来说，IE6下的效果是必须得处理了，一个让人头痛而又不得不去面对的一件事情，特别是对于刚接触CSS的童子们，更让无从下手，那么今天我重新开始针对浏览器的兼容问题，说说一些我自己的经验，以及尽可能多的搜集相关经典问题的处理方法。希望能对有需要的朋友有所帮助。

中国古语——万物都是相生相克的。这句话用到我们写CSS的人身上也是一样的，不管在哪个浏览器下，出现了问题，首先要追究的问题是我们自己怕HTML结构和CSS样式有没有出问题，然后在看看是不是因为浏览器各自的解析不同而造成的。千万不要一看到IE出问题，就骂上了ＩＥ，其实人家并不是那么差劲，另外有一点也需要注意的就是，不要动不动就使用你知道的HACK手段来解决各浏览器的兼容问题。小生有自己的一个原则——“处理各浏览器的兼容问题，未到情非得以的情况下才使用HACK”。

开头来了一大段的开场白，下面我们就开始我们的旅行——浏览器兼容之旅的第一站：如何创建条件样式。

作为一个Web的前端攻城师，在制作页面效果时肯定有碰到下面这种现象：当一个HTML页面中含有较少的内容时，Web页面的“footer”部分随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在宽屏越来越多，这种现象更是常见。那么如何将Web页面的“footer”部分永远固定在页面的底部呢？注意了这里所说的是页脚footer永远固定在页面的底部，而不是永远固定在显示器屏幕的底部，换句话说，就是当内容只有一点点时，Web页面显示在浏览器底部，当内容高度超过浏览器高度时，Web页面的footer部分在页面的底部，总而言之Web页面的footer部分永远在页面的底部，换句说，Footer部分永远沉底。如下图所示：

那么今天主要和大家一起学习如何将页脚固定在页面的底部？