html左边导航右边内容模板(html点击左侧导航栏切换右侧内容)
很简单啊,右边放一个iframe框架,name值=自定义昵称,然后左边链接里加上target=框架name的名称,如ltiframe scr=quoturlquot name=abc,那么你左边导航的链接里lta herf=#39#39 target=quotabcquot,这样左边的链接就会显示在右边的。
这个是点击之后触发事件,是要用到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。