jquery下拉菜单特效演示

出自:http://be.twixt.us/jquery/suckerFish.php

jQuery » SuckerFish Style

Purpose

Replicate Suckerfish Menus.

Original Code

$(document).ready(function(){
	$("#nav-one li").hover(
		function(){ $("ul", this).fadeIn("fast"); },
		function() { }
	);
	if (document.all) {
		$("#nav-one li").hoverClass ("sfHover");
	}
});

$.fn.hoverClass = function(c) {
	return this.each(function(){
		$(this).hover(
			function() { $(this).addClass(c);  },
			function() { $(this).removeClass(c); }
		);
	});
};
/*
Code Highlighting
Courtesy of Dean Edwards star-light
http://dean.edwards.name/my/behaviors/#star-light.htc
	- with jQuery methods added, of course
*/

Sample Markup

Sample 1 – One Level

 

These examples are here for your own learning. If you find yourself using part or all of them, give credit where appropriate. Enjoy!

July 31st, 2006

Leave a Reply