一个逗号引发的JavaScript血案


这两天重构了一个商城模板的首页,在最后完成时,我按照惯例进行兼容性测试。通常我测试的浏览器一般是IE系列(6、7、8、9)、Firefox和Chrome。网页在Firefox和Chrome中正常显示,IE8和IE9也正常。但在IE6和IE7中出现了一个奇怪的Bug,最终花费几个小时,请朋友帮忙,终于找出罪魁祸首,原来是我使用的一个名为soChange的jQuery插件,因为我多加了一个逗号,因此我将本文命名为一个逗号引发的JavaScript血案。

一款jQuery实现的二级导航菜单

jQuery - write less, do more.
网上用jQuery写的二级导航菜单非常多,功能和样式多种多样,但是我找了好久,没有找到自己想要的。

我想实现的效果主要有几点:

  1. 当前父栏目高亮,子栏目显示;
  2. 鼠标移到其他父栏目时,该父栏目下子栏目显示,且当前栏目取消高亮;
  3. 子栏目横向排列;

前一段时间自学了jQuery,发现jQuery确实很强大,而且也很好用。于是我尝试自己来实现这个导航。经过一番摸索和折腾,终于是做出来了。效果如下图: