html左邊導(dǎo)航右邊內(nèi)容模板(html點(diǎn)擊左側(cè)導(dǎo)航欄切換右側(cè)內(nèi)容)
很簡(jiǎn)單啊,右邊放一個(gè)iframe框架,name值=自定義昵稱,然后左邊鏈接里加上target=框架name的名稱,如ltiframe scr=quoturlquot name=abc,那么你左邊導(dǎo)航的鏈接里lta herf=#39#39 target=quotabcquot,這樣左邊的鏈接就會(huì)顯示在右邊的。
這個(gè)是點(diǎn)擊之后觸發(fā)事件,是要用到j(luò)s代碼的,我這大概給一個(gè)框架,css代碼你自己設(shè)置一下html代碼如下ltdiv class=quotmainquot ltdiv class=quotleftquot ltul ltli onclick=quotchoose1quot class=quotselectquot玄界ltli ltl。
比如你用了模板框架中的“上方固定,左側(cè)嵌套”模式,那么右下方就作為mainFrame,你在leftFrame中所建的鏈接就可以在“目標(biāo)”后選擇mainFrame,這樣保存后的效果就是點(diǎn)左邊的鏈接,內(nèi)容會(huì)在右邊顯示出來 補(bǔ)充在右邊顯示,一般。
quot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片,自己寫上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒給你寫,只寫了圖片文字切換功能。
方法1ifram,左邊一個(gè),右邊一個(gè) 方法2左邊div控制右邊內(nèi)容顯示div+css控制不了,要用JS。
lttd width=50%lta target=quotrgtquot href=quotright2htmquot導(dǎo)航2ltalttd lttr lttable ltbody lthtml 這里要注意target=quotrgtquot,rgt是我們?cè)诘谝徊嚼飏ighthtm的name,也就是說點(diǎn)擊這里,右邊的內(nèi)容會(huì)跳轉(zhuǎn)。
利用jQuery+ajax到后臺(tái)進(jìn)行邏輯操作 2將邏輯操作后的結(jié)果進(jìn)行返回 $function $ajax url quot給出url地址quot, type quotpostquot, dataType quotjsonquot, data。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。