www.5615.net > jAvAsCript做菜单

jAvAsCript做菜单

先用html写好 复合的ul和li,先设置为隐藏,用js控制显示

原代码如下: <script type="text/javascript">//<![CDATA[// JScript 文件 //function MM_findObj(n, d) { //v4.01// var p,i,x; if(!d) d=document; // if((p=n.indexOf("?"))>0&&parent.frames.length) // {// d=parent.frames[n.substring(p+1)].document; n=n.

function sel(){ var s1=document.getElementById("sel1");var s2=document.getElementById("sel2"); for(var i=0;i<3;i++){ var option=new Option(s1.value+i+1); s2.options[i]=option; } } <select id="sel1" onchange="sel()"> <option value=

jquery有一个插件叫jquery tree 就是树形插件, 用法非常简单,只需要传递菜单及ID即可.

d--1--1c--2--2如果上上面那样的会!那就很简单!d 和c 可以展开和收起!实现思路!d是个DIV 再在DIV里面再放一个DIV 里面放子菜单. 不展开 就把里面的那个div隐蔽 也就是子菜单隐蔽 .当然点击d时就打开!用一个for循环 就OK! 不知道你是要这样的菜单不!

你可以做一个标志位 当标志位是1的时候 点击效果是出现菜单 然后标志位变成2 当标志位是2的时候 点击效果是收起菜单 标志位再变成1

树型菜单?很多方法写.现在有个JSEXT的框架写这很容易还有DTREE XTREE都可以做到点击后其他的收缩是自己改动下就行了可以自己先搜索下 直接搜DTREE XTREE 就可以看到很多资料

用CSS浮动 也可以做~ 查下相关文档吧

用jquery实现吧,其实网上 有不少这种小控件!<div class="arrowlistmenu"> <h3 class="menuheader expandable">表单</h3> <ul class="categoryitems"> <li><a href="1/">Horizontal CSS Menus</a></li> <li><a href="2/">Vertical

其实思路很容易的,先做大导航.然后做下拉菜单,但是下拉菜单默认是display:none;当鼠标指向上边的大导航的项目的时候(mouseover),对应的下拉菜单的CSS样式中的display属性设置为block,mouseout的时候又置为none;

网站地图

All rights reserved Powered by www.5615.net

copyright ©right 2010-2021。
www.5615.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com