llgd.net
当前位置:首页 >> html怎么设计 左侧是菜单栏,点击不同的菜单选项在... >>

html怎么设计 左侧是菜单栏,点击不同的菜单选项在...

大致思路 左侧:菜单,给每个菜单设置id和onclick点击事件,onclick事件触发的函数假设写为display() 右侧:写个固定样式的div,id假设设置为board。 如果你的菜单内容在服务器 display()的实现如下 function display(){ $.ajax({ type: "POST",...

function $(v){return document.getElementById(v);}var x=0;function c(y){$("a"+x).style.display = "none";$("a"+y).style.display = "";x=y}菜单一菜单二这里是文字这里是图片,自己写上左侧右侧布局我没给你写,只写了图片、文字切换功能。

如果你左侧是一个树结构的话,那就使用jquery去获取树的结构,然后把数据内容整到右侧!

你用框架,指定目标为右边的窗口就行

Knit 这种方式只适合框架 如果你一定要使用div,那么只能使用js中的ajax取得BK-K-01.html的html源然后预置到div中

1.用框架页布局,是最简单的 2.用ajax技术,右边每次js动态生成内容

只用html/css的话好像有个 onMouseUp事件,不知道能不能符合你的要求,我没实际用过。 建议你用js,这个网上大把示例

先把菜单用html写出来,然后用css把它隐藏,比如:display:none。然后写js,点击menu触发事件,修改css再把它显示出来就可以了,css:display:block。

列表1 列表1 列表1 列表1 列表1 列表1 列表2 列表2 列表2 列表2 列表2 列表3 列表3 列表3 列表3 列表3 #menu .smtitle ul { list-style: none; display: none; } function initMenu() { //$('#menu ul').hide(); //$('#menu ul.smbody').show()...

两种实现方式:高级点的使用Ajax异步请求页面,对于新手比较复杂,需要服务器端的支持,第二种可以使用HTML里面的frameset标签,你百度一下frameset就可以找到案例了。

网站首页 | 网站地图
All rights reserved Powered by www.llgd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com