效果展示
menu213

<ul id="ula">
    <li><a id="first" href="{$dashboardurl}">SETPHP控制台</a></li>
    <li><a><span class="icon_house_alt fonts2" aria-hidden="true"></span>基本</a>
    <ul id="ulb" style=" display:none;">
        <li><a href="/">基本设置</a></li>
        </ul>
    </li>
       
    <li><a><span class="icon_document_alt fonts2" aria-hidden="true"></span>文章</a>
        <ul id="ulb" style=" display:none;">
        <li><a href="/">文章列表</a></li>
        <li><a href="/}">写文章</a></li>
        <li><a href="/">分类目录</a></li></ul>
    </li>
<ul>

Jquery 同时为了保证刷新的时候也展开 需要用程序 如PHP做一个变量 识别是在第几个 同时自动展开

//捕捉一级菜单下拉
$('ul#ula > li > a').not($('ul#ula li a:first')).click(function(){
		//alert($(this).html());
		var next=$(this).next(); //识别A后面的元素 也就是#ulb
		if(next.attr('id')=='ulb'){ //如果子元素存在
		
		//alert($('ul#ula > li > a').length-1);
		for(var k=0;k<$('ul#ula > li > a').length-1;k++){
			$('ul#ula > li > a').eq(k+1).next().slideUp('fast');
			$('ul#ula > li > a').eq(k+1).removeClass('hover');
				}
		
			if(next.css('display')=='none'){
				$(this).addClass('hover');
				next.slideDown('fast');
				}else{
				$(this).removeClass('hover');
				next.slideUp('fast');
					}	
					
	
			}
				})									
//自动读取是否下拉并选中
function selectnav(){
	if(navSelectNo==0){
		return false;
	}else{
	var navli = $('ul#ulb > li');  //读取全部子菜单
	//ja var = 'navSelectNo' is select number
	var navlia = navli.eq(navSelectNo-1).children().eq(0); //选中的A元素
	navlia.addClass('hoverchild'); //选中样式class=hoverchild
	var parul=navlia.parent().parent().parent(); //parent li
	parul.children().eq(0).addClass('hover'); //追加hover
	parul.children().eq(1).show(); //show()
	}
	
	
	
	
	
	
}
selectnav(); //AUTO ONCE

jquery鼠标移开关闭DIV元素

$('#show').hover(function(){ $(this).show(); }, function(){ $(this).hide(); }); function getCookie(e){var U=document.cookie.match(new R...

阅读全文

jQuery插件ajaxFileUpload中文文档

ajaxFileUpload.js 很多同名的,因为做出来一个很容易。 我用的是这个:https://github.com/carlcarl/AjaxFileUpload 下载地址在这里:http://files.cnblogs....

阅读全文

jquery使用$与其它js框架的冲突解决办法

jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来...

阅读全文

评论已经关闭。