- 相關(guān)推薦
PHP簡(jiǎn)單的滑動(dòng)菜單制作的方法
PHP是一門高效的網(wǎng)絡(luò)編程語言，由于它具有編寫靈活、運(yùn)行快速等優(yōu)點(diǎn)，迅速成為Web程序員的首選語言。以下是小編為大家搜索整理的PHP簡(jiǎn)單的滑動(dòng)菜單制作的方法，歡迎大家閱讀!更多精彩內(nèi)容請(qǐng)及時(shí)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
滑動(dòng)菜單是一種較常用的菜單形式，在羅列二級(jí)分類的場(chǎng)合下廣泛使用。其特點(diǎn)是代碼量極小，數(shù)據(jù)描述簡(jiǎn)潔。
本例使用無線表格，以類的書寫方式表述。
---><BR><style><BR>table {font-size = 9pt}<BR>td {height = 20px}<BR></style><BR><body><BR><span id="menus"></span><BR><span id="view"></span><BR></body><BR><BR><script for=pad event=onclick><BR>// 大類節(jié)點(diǎn)點(diǎn)擊響應(yīng)<BR>for(var i=1;i<this.parentElement.rows.length;i+=2)<BR>this.parentElement.rows[i].style.display = "none";<BR>this.parentElement.rows[this.rowIndex+1].style.display=?block?;<BR>view.innerHTML = this.v1 +":"+ this.v2; // 根據(jù)大小類自行構(gòu)造相應(yīng)動(dòng)作<BR></script><BR><BR><script for=bar event=onclick><BR>// 小類節(jié)點(diǎn)點(diǎn)擊響應(yīng)<BR>view.innerHTML = this.v1 +":"+ this.v2; // 根據(jù)大小類自行構(gòu)造相應(yīng)動(dòng)作<BR></script><BR><BR><script><BR>/**<BR>* 產(chǎn)生菜單的html代碼串<BR>* 入口參數(shù)為菜單默認(rèn)打開的大類號(hào)<BR>*/<BR>function menu(n) {<BR>this.ar = new Array(<BR>/**<BR>* 參數(shù)數(shù)組<BR>* 列1：大類<BR>* 列2：小類<BR>* 列3：標(biāo)題<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++) { // 構(gòu)造菜單的html結(jié)構(gòu)，其中將大小類編號(hào)作為自定義參數(shù)，以便事件響應(yīng)時(shí)使用。<BR>if(this.ar[i][1] == 0) {<BR>if(i > 0)<BR>s += "</table></td></tr>";<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]+"</td></tr><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]+"</td></tr>";<BR>}<BR>s += "</table></td></tr></table>";<BR>return s;<BR>}<BR><BR>/*** 創(chuàng)建菜單 ***/<BR>menus.innerHTML = menu(4);<BR></script>
【PHP簡(jiǎn)單的滑動(dòng)菜單制作的方法】相關(guān)文章：
自學(xué)PHP方法09-24
Dreamweaver如何制作彈出菜單09-03
PHP的安裝方法及軟件09-04
PHP偽靜態(tài)的方法10-26
解決php fsockopen的方法07-14
Dreamweaver如何制作能彈出菜單10-18
PHP簡(jiǎn)單介紹09-29
PHP常用MySql操作的方法10-11
PHP頁面漏洞分析的方法08-13