是否看见有些主题的导航下拉菜单有一个淡入的缓冲动画，效果是不是很炫，愿意折腾的童鞋，就随我一起把它加到HotNews pro主题2.4版中。同样要用到jquery.js。
首先下载Superfish v1.4.8.js：
上传到HotNews pro主题js目录中。
分别打开：header.php、header_a.php、header_b.php、header_h.php模版文件，在：
- <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/custom.js"></script>
下面加入：
- <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/superfish.js"></script>
然后，找到并删除：
- sfEls[i].onmouseout=function() {
- this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
- }
注：共有两处，如果不删除在IE6下会有BUG。
最后，在style.css中加入：
- #topnav .sf-sub-indicator {
- display: none;
- }
注：如果不加入这句会在有二级菜单项目名称后面显示“»”。
完成，具体效果看我的导航菜单。
如果，你使用的不是HotNews pro 2.4版主题，并且主题已加载jquery.js，可参考上面的方法.
只需打开：Superfish v1.4.8.js，修改最后的“#topnav ul”为你的导航菜单ID选择器即可，比如：默认WP主题Twenty Ten是：.menu-header ul。
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
1F
抢沙发，难得哦
2F
jQuery很好很强大
3F
感谢提供，原作品越来越完善，辛苦了！
4F
已经投入使用了，效果果然比之前好多了！
大鸟辛苦了，不知道身体怎么样了~~~注意休息哈！
对了，最后敢问下什么时候做一个播放视频的页面让我们使用啊，嘿嘿
5F
补充下问题，不知道是我不小心把代码弄串还是还是怎么。。。改完这个效果后网页左下角一直报错。。。很纠结啊。检查了一下还真不知道错在哪里了，拜托大鸟帮忙回忆下
B1
@ B-Swan 如果严格按上面方法不会出错的
B2
@ 知更鸟 嘿嘿，真的是我不小心自己给弄错了。。。。
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(” sfhover\\b”), “”);
}
这段代码我并没有删除，我用/**/给注释了。。。有俩个后面把后面大括号给丢掉了。。。现在好了！
6F
学习了～感谢鸟哥!昨天访问不上你的网站.不知道是怎么回事了～
7F
鸟哥..帮忙看下我的站，我按照教程添加了CSS可还是会在菜单项目名称后面显示“»”
B1
@ 憨豆先生 我的也是这样。
B2
@ frank 原来是缓存…过一段时间就好了
8F
看到代码就……
唉，我等赖人期待简化版的到来
愿老大早日康复
9F
效果不错，也终于见哥回来了
10F
鸟鸟
我等你的精简版
B1
@ Surpet 只能等了
11F
欢迎鸟哥归来！！！
B1
@ 咖喱 是啊我回来了
12F
没看到效果啊！
B1
@ 韩国 慢慢看，呵呵
13F
鸟哥，帮忙看看www.harzi.com.cn，这个主题的边栏工具条使用不了，我非常喜欢这个主题，鸟哥能帮忙修下吗。
B1
@ 福橘 不知什么工具条
B2
@ 知更鸟 就是这个主题的后台小工具设置后，在前台都不显示。
B3
@ 福橘 那你的日历是怎么显示的
B4
@ 知更鸟 日历没显示啊鸟哥，你再看看www.harzi.com.cn 在网上找的仿臭豆的主题
B5
@ 福橘 这主题貌似不支持小工具
B5
@ robin 谁能改版下，让这款主题支持小工具，真的很喜欢这个模板，或是谁能再仿制个？
14F
感谢鸟哥~ 祝“热点新闻”越做越好~~
15F
鸟哥呀，遇到个麻烦。请教哈
我的博客标签全部不能用了
网址：http://www.ynmore.com
B1
@ 魅力云南 这个问题与主题无关，貌似的你的数据库编码有问题
B2
@ 知更鸟 鸟哥，那该怎么搞呢
B3
@ 魅·云南 我在你的网站上回复了
16F
问下，你的菜单条中每个菜单项的宽度是否可以修改，（例如：你的首页，浏览博客之间）在什么地方修改，因为，有的菜单项要很长！
17F
安裝一切正常~
感謝鳥哥~
18F
刚才挂了？？？？
19F
谢谢分享，已经修改了。想请问一下，就是那个下载按钮如何设置的？
20F
这篇文章 首页 按照原样式显示 是怎么实现的？！
21F
很好很强大
22F
JQ太牛了
23F
鳥大~
有辦法調整淡出的時間嗎??
B1
@ 蘇主任 试过，不过貌似没什么变化…
24F
鳥大~
感謝你~
我修改了superfish.js
原本是8800
我改成delay: 3600,
有比較快了~
B1
@ 蘇主任 晕，上传的可能是我修改过的，默认是800
B2
@ 知更鸟 哈哈 我的也是8800 现在改成600了
25F
鳥大~
哈~
原來如此~
感謝你哦~
26F
文中“然后，找到并删除：”步骤实施后，ie6访问下拉菜单没有了，不执行此步骤，ie6反而没有问题，这是什么问题呢
27F
主题加载太多JS，首页显示速度慢了点了……
28F
鸟哥，为啥我的只在首页有淡入淡出效果呢
29F
还有就是除了首页外，在其他页面菜单弹出后存在收不回去的问题
30F
鸟哥啊，我启用淡入淡出效果没成功，反而吧右侧的“回到顶部 转到底部”功能给没有效果了？请问这是怎么回事呢，急
B1
@ namind 估计是操作有误
31F
鸟哥 页首 分类下拉列表，淡入的效果，改出来后感觉收回去很慢，时间长，怎么解决?
32F
鸟哥，您能不能说的详细点？“同样要用到jQuery.js。”2.4有没有用这个我们不知道啊；如果没有使用，我们也不知道怎么使用jQuery.js啊?
33F
我的背景图片在火狐下可以看到，在IE6。0和8。0下都不显示！
请问怎么解决？
B1
@ leez 解决方法见问题汇总
34F
鸟哥，导航栏下拉菜单半透明样式是怎么弄的？嘿嘿，菜鸟求教~想弄跟你现在这个一样的~~
B1
@ 蓝冰 查看源文件把我的样式文件下回去，替换基本就差不多
B2
@ 知更鸟 替换了不行。我看源文件，鸟哥你好像用JS隐藏了LI样式。麻烦鸟哥发个完整的你用的STYLE.CSS出来。
35F
非常期待鸟哥的导航菜单效果，期待分享。
B1
@ coolike http://zmingcx.com/wp-content/themes/HotNewspro24/style.css
36F
哈哈。。好东西啊。已经改好了。。
37F
“只需打开：Superfish v1.4.8.js，修改最后的“#topnav ul”为你的导航菜单ID选择器即可，比如：默认WP主题Twenty Ten是：.menu-header ul”
这句话怎么理解.我用的是27版的那该怎么弄。
B1
@ jntzdd 2.7版已有此特效，不需要你自己折腾了
来自外部的引用