只因小弟我是初学者，最基本的jquery点击事件有关问题，看了别说你不会
日期：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
我从网上找到这个导航特效，但这个导航现在是鼠标经过就有下拉菜单，移开就没有
我现在想换成 鼠标点击 点击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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
