FWQ
Ecshop首页中"所有商品分类"的自动隐藏功能
在ecshop做的一个网站中,首页的所有商品分类挡住了后面的首页滚动广告,希望能够鼠标放上去,显示,不放上去,就自动隐藏。 这个功能,看起来很容易,原本以为,几分钟的事情。结果做起来,发现还经历了一些小曲折。最终实现效果如下。 左侧为鼠标没放上去的时候,菜单自动隐藏。右侧为鼠标放上去后,菜单自动显示。 事件从 onclick修改为onMouseOver,onMouseOut即可。 这样完成后,感觉大功告成了,结果一试验,发现还有问题。这样做,只是把菜单中的第一条隐藏了。其他的还一直在显示。随后,对js中的sw_navTest进行了改造。终于搞定。 现在仍有一个疑问。即,虽然实现了,但是并不明白原理。 最终实现结果如下。 在category_tree_index.lbi 文件中进行修改。 在<script type=”text/javascript”></script>之间再增加一个js函数。 我命名为sw_navTest(),大家可以根据要求自己来定。函数内容如下: function sw_navTest(obj) { var a = document.getElementsByName(obj); var num=0; …