Superfish的简介:Superfish是Suckerfish菜单样式的加强版。两者都是基于jQuery,结合现有纯CSS级联下拉菜单,还增加了以下这些网站管理员急需的功能。
1.Superfish样式在IE 6支持悬停(hover属性),增加的默认类为”sfHover”,你也可以改变类名。
2.鼠标移动的延时功能。为了更方便解决鼠标存在问题的朋友,默认延时为800毫秒,你也可以更改延时时间。
3.子菜单以动画显示。显示是是淡入淡出效果。淡入淡出的效果(如速度)也是可以自己设定的。默认为正常(normal)
4.菜单和子菜单可设定为显示或不显示。
5.支持hoverIntent插件,Superfish自动查看是否含有hoverIntent插件,在有hoverIntent插件的情况下执行hoverIntent而忽视淡入淡出效果。如果基于某种原因在你使用superfish时不想使用hoverIntent,将disableHI设置为“ true”。
6.显示是否含有子菜单,可动过菜单添加一张小图片,你也可用通过改变“autoArrows”值来设定是否自动弹出子菜单。
7.阴影效果,仅支持最新浏览器。在IE6下没什么效果。
8.可突出显示当前所在页
Superfish的用法
1.制作一个纯CSS目录
2.将下面内容添加到你的网站
//link to the CSS files for this menu type
<link rel=”stylesheet” type=”text/css” media=”screen” href=”superfish.css” />
// link to the JavaScript files (hoverIntent is optional)
<script type=”text/javascript” src=”http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js“></script>
<script type=”text/javascript” src=”hoverIntent.js”></script>
<script type=”text/javascript” src=”superfish.js”></script>
// initialise Superfish
<script type=”text/javascript”>
$(document).ready(function() {
$(‘ul.sf-menu’).superfish({
delay: 1000, // one second delay on mouseout
animation: {opacity:’show’,height:’show’}, // fade-in and slide-down animation
speed: ‘fast’, // faster animation speed
autoArrows: false, // disable generation of arrow mark-up
dropShadows: false // disable drop shadows
});
});
</script>
相关推荐
SuperFish一款基于jQuery的级联下拉菜单 用法请看以下链接: http://blog.csdn.net/cheung1021/article/details/6700524
SuperFish一款基于jQuery的级联下拉菜单 使用方法: http://blog.csdn.net/cheung1021/article/details/6700524 jquery.superfish.js下载: http://download.csdn.net/source/3531532
jQuery菜单插件。支持水平/垂直方向。弹出子菜单不会被标签挡住。能自己手动修改菜单样式,显示隐藏时间等
jquery 网站导航菜单 横排下拉菜单 竖排下拉菜单
superfish_1.4.8_能挡住下拉表单的CSS+JS下拉菜单.rar
superfish是一款可以制作多级下拉菜单的jquery插件,支持水平和垂直方向的菜单,下拉的菜单不会被标签select遮挡,支持动态下拉效果,如垂直向下伸展,支持阴影效果(IE6除外),用户可定制样式。
jquery superfish插件 菜单 。
jquery.superfish.js导航菜单插件制作无限极菜单
jQuery Superfish下拉菜单插件 我们最喜欢的水上超级英雄来自他在银河系中的定居之旅,注入了迄今未见的惊人新力量。 在他的现代化身中(戴着相当漂亮的斗篷),Superfish致力于使下拉菜单/弹出菜单能够在大小不同的...
Superfish是一款Jquery插件,它能非常容易的建立复杂的多级下拉菜单,Superfish使用也非常普遍。你可能用Superfish实现多种菜单效果。
前端项目-superfish,Superfish是一个jquery插件,它为多级下拉菜单添加了可用性增强功能。完全支持触摸设备和键盘交互。
一份完整的superfish导航菜单样式代码,使导航菜单不在单调乏味,让你的页面更加绚丽多彩。特此分享,欢迎下载~
Superfish 是一个专门用于菜单上的 jQuery 插件。
jQuery菜单插件AutoSprites
CSS+div +JQUERY 写的 非常解决的 三级下来菜单
渐变多级下拉导航是一款superfish多级下拉菜单的应用,包含3种下拉风格,很不错哦。
本文介绍如何将jQuery UI主题添加到Superfish Menu和Superfish Menu RTL中
(16)Superfish v1.4.8 – jQuery menu plugin by Joel Birch 11 (17)jQuery (mb)Menu 2.7 11 (18) jQuery File Tree 11 19.jQuery & CSS Example – Dropdown Menu 12 20. Reinventing a Drop Down with CSS ...
制作一个漂亮的menu菜单。 这个是drupal模块superfish的js库. 要使用它必须安装superfish这个模块。