jQuery下拉导航菜单栏代码特效

使用方法：

引入CSS样式

<link rel="stylesheet" href="css/head.css" />

引入jQuery库文件

<script type="text/javascript" src="js/jquery-min.js"></script>

插件初始化、配置

$(document).ready(function(){
						   
	$('.weixinshowPic').hover(function() {
		$(this).addClass('weixinshowPic-hover');
	}, function() {
		$(this).removeClass('weixinshowPic-hover');
	});
	$('.dropdown').hover(function() {
		$(this).addClass('dropdown-hover');
		$(".dropdown-sub").show('slow');
	}, function() {
		$(this).removeClass('dropdown-hover');
	});	
	
});

HTML结构部分请查看演示或下载附件查看