昨天，一同学让我帮忙给他写份商城的分类特效代码，因为网上找的是JQuery的，而ShopEx又不支持这个代码。所以就让他把源代码发过来我改。结果我一看，写得那简直是一个复杂啊：两个css文件，两个js文件，而且代码量非常大。而且我认为，这个功能根本不需要写到如此复杂的地步，实际上，简单的DIV+CSS及JS代码完全就可以搞定了，而且浏览器兼容性也不差。

因为他是为他做的第五美人商城设置产品分类，所以，很需要这样的形式更直观的展示其产品。因此晚上花了两个小时，大概把整个框架及特效写了出来，剩下的就是替换内容和调整细节了，先看下效果吧：

整个特效只需要很少的代码即可完成，没必要用很复杂的JQuery。而且兼容性也不错，当然，里面也还有一些小细节未经过处理，但那基本上不影响整个页面的美观和使用了，自己可以根据特殊需求再进行适当的更改即可。

另后来发现在IE6浏览器中，不支持DIV的hover属性，这个着实难办，如果要用JS替换这种hover方法，那就得要改很多代码了。后来在网上搜索了一下，找到了一种比较不错的解决方法。引用一个外部的.htc文件，然后在页面的css中引用一下就可以解决了，非常的方便。

下面放出整个文件的代码：一段B2C商城产品分类特效代码.rar

本文版权归“独语斜栏” 转载请注明：http://www.nannannan.com/post/73.html