Home php教程 php手册 简单的滑动菜单

简单的滑动菜单

Jun 21, 2016 am 09:11 AM
gt lt nbsp quot this

菜单












<script><br/>/**<br/> * 产生菜单的html代码串<br/> * 入口参数为菜单默认打开的大类号<br/> */<br/>function menu(n) {<br/> this.ar = new Array(<br/> /**<br/> * 参数数组<br/> * 列1:大类<br/> * 列2:小类<br/> * 列3:标题<br/> */<br/> new Array(1,0,"大类一"),<br/> new Array(1,1,"小类一"),<br/> new Array(1,2,"小类二"),<br/> new Array(2,0,"大类二"),<br/> new Array(2,1,"小类一"),<br/> new Array(2,2,"小类二"),<br/> new Array(2,3,"小类三"),<br/> new Array(3,0,"大类三"),<br/> new Array(3,1,"小类一"),<br/> new Array(3,2,"小类二"),<br/> new Array(4,0,"大类四"),<br/> new Array(4,1,"小类一"),<br/> new Array(4,2,"小类二"),<br/> new Array(4,3,"小类三")<br/> );<br/> this.width =120;<br/> this.bgcolor = "#f0f0f0";<br/> this.bordercolorlight = "#c0c0c0";<br/> this.bordercolordark = "#FFFFFF";<br/> this.tr_bgcolor = "#d0d0d0";<br/> var s = "<table border=1 align=center width="+this.width+" bgcolor="+this.bgcolor+" bordercolorlight="+this.bordercolorlight+" bordercolordark="+this.bordercolordark+" CELLPADDING=0 CELLSPACING=0>"<br/> for(var i=0;i<this.ar.length;i++) { // 构造菜单的html结构,其中将大小类编号作为自定义参数,以便事件响应时使用。<br/> if(this.ar[i][1] == 0) {<br/> if(i > 0)<br/> s += "";<br/> var vk = this.ar[i][0]==n?"block":"none";<br/> s += "<tr id='pad' bgcolor="+this.tr_bgcolor+" v1="+this.ar[i][0]+" v2="+this.ar[i][1]+"><td align=center>"+this.ar[i][2]+"<tr style='display:"+vk+"'><td><table width=100%>";<br/> }else<br/> s += "<tr><td id='bar' v1="+this.ar[i][0]+" v2="+this.ar[i][1]+">"+this.ar[i][2]+"";<br/> }<br/> s += "";<br/> return s;<br/>}<br/><br/>/*** 创建菜单 ***/<br/>menus.innerHTML = menu(4);<br/></script>



Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article

Hot tools Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Solution: Your organization requires you to change your PIN Solution: Your organization requires you to change your PIN Oct 04, 2023 pm 05:45 PM

Solution: Your organization requires you to change your PIN

How to adjust window border settings on Windows 11: Change color and size How to adjust window border settings on Windows 11: Change color and size Sep 22, 2023 am 11:37 AM

How to adjust window border settings on Windows 11: Change color and size

How to enable or disable taskbar thumbnail previews on Windows 11 How to enable or disable taskbar thumbnail previews on Windows 11 Sep 15, 2023 pm 03:57 PM

How to enable or disable taskbar thumbnail previews on Windows 11

How to change title bar color on Windows 11? How to change title bar color on Windows 11? Sep 14, 2023 pm 03:33 PM

How to change title bar color on Windows 11?

OOBELANGUAGE Error Problems in Windows 11/10 Repair OOBELANGUAGE Error Problems in Windows 11/10 Repair Jul 16, 2023 pm 03:29 PM

OOBELANGUAGE Error Problems in Windows 11/10 Repair

What are the differences between Huawei GT3 Pro and GT4? What are the differences between Huawei GT3 Pro and GT4? Dec 29, 2023 pm 02:27 PM

What are the differences between Huawei GT3 Pro and GT4?

Display scaling guide on Windows 11 Display scaling guide on Windows 11 Sep 19, 2023 pm 06:45 PM

Display scaling guide on Windows 11

10 Ways to Adjust Brightness on Windows 11 10 Ways to Adjust Brightness on Windows 11 Dec 18, 2023 pm 02:21 PM

10 Ways to Adjust Brightness on Windows 11

See all articles