日期:2014-05-16  浏览次数:20444 次

只因我是菜鸟,最基本的jquery点击事件问题,看了别说你不会。
我从网上找到这个导航特效,但这个导航现在是鼠标经过就有下拉菜单,移开就没有
我现在想换成 鼠标点击 点击1次出现下拉菜单,在点击一次则关闭下拉菜单。
很简答吧,但是我是菜鸟。


-----------------------------附上代码-------------------------
1、HTML
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
<title>jquery动态弹出下拉导航菜单--柯乐义</title><base target="_blank" />

<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js"></script>
<script type="text/javascript">
ddsmoothmenu.init({

mainmenuid: "kele"+"yi", //menu DIV id

orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"

classname: 'nav'

});
</script>
</head>
<body>
<div>
<a href="http://keleyi.com/a/bjac/cs30cft8.htm" target="_blank">原文</a>
</div>
<div class="navbox">
<div class="nav" id="keleyi">
<ul class="clearfix">
<li><a class="selected"><span>网站首页</span></a></li>
<li>
<a><span>jQuery</span></a>
<ul class="submenu">
<li><a href="http://keleyi.com/a/bjac/phhq4ecr.htm">当前时间</a></li>
<li><a href="http://keleyi.com/a/bjac/1juhjegr.htm">替换图片</a></li><li><a href="http://keleyi.com/a/bjac/c6gu08gm.htm" title="jQuery友善的图片轮播(含首页和尾页)">图片轮播</a></li><li><a href="http://keleyi.com/a/bjac/opnw2awa.htm">appendTo方法</a></li>
</ul>
</li>
<li>
<a><span>js图片特效</span></a>
<ul class="submenu">
<li><a href="http://keleyi.com/a/bjac/141932b419e08101.htm" target="_blank">ColorBox弹出图片组</a></li>
<li><a href="http://keleyi.com/a/bjac/06r1x7tg.htm" target="_blank">jquery相册实例</a></li>
<li><a href="http://keleyi.com/dev/453467666cab56d0.htm" target="_blank">jquery图片轮播切换</a></li>
<li><a href="http://keleyi.com/a/bjac/c6gu08gm.htm" target="_blank">友善的图片轮播</a></li>
<li><a href="http://keleyi.com/a/bjac/gucmqug3.htm" target="_blank">图片上下箭头滚动</a></li>
<li><a href="http://keleyi.com/a/bjac/a6e756c811719fff.htm" target="_blank">显示左右箭头的翻页代码</a></li>
<li><a href="http://keleyi.com/a/bjac/ppdss7ux.htm" target="_blank">弹出灯箱窗口浏览图片</a></li>
</ul>
</li>
</ul>
</div>
</div>

</body>
</html>

2、ddsmoothmenu.js

//** Smooth Navigational Menu- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
//** Menu created: Nov 12, 2008
//** http://keleyi.com
//** Dec 12th, 08" (v