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