html怎么设计 左侧是菜单栏,点击不同的菜单选项在右侧出现相应的内容?(网页设计选择,关键词优化)

时间:2024-05-03 16:27:44 作者 : 石家庄SEO 分类 : 关键词优化
  • TAG :

    html%E6%80%8E%E4%B9%88%E8%AE%BE%E8%AE%A1+%E5%B7%A6%E4%BE%A7%E6%98%AF%E8%8F%9C%E5%8D%95%E6%A0%8F%EF%BC%8C%E7%82%B9%E5%87%BB%E4%B8%8D%E5%90%8C%E7%9A%84%E8%8F%9C%E5%8D%95%E9%80%89%E9%A1%B9%E5%9C%A8%E5%8F%B3%E4%BE%A7%E5%87%BA%E7%8E%B0%E7%9B%B8%E5%BA%94%E7%9A%84%E5%86%85%E5%AE%B9%EF%BC%9F

大致思路左侧:菜单,给每个菜单设置id和onclick点击事件,onclick事件触发的函数假设写为display()右侧:写个固定样式的div,id假设设置为board。如果你的菜单内容在服务器display()的实现如下12345678functiondisplay(){$.ajax({type:"POST",url:菜单所请求的内容地址,data:this.id等等相关的请求标志,success:funtion(data){$('board').html(data)},//返回数据填充dataType:dataType});}如果菜单内容写死在页面内那么右侧:写和菜单数一样多的div,把所有的display属性设置为none同时display()的实现如下123functiondisplay(){$('#'+$(this).attr('rel')).style.display='block';}以上,伪代码,仅供参考

本文:html怎么设计 左侧是菜单栏,点击不同的菜单选项在右侧出现相应的内容?的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:有比较好的ppt模板网站吗? 求推荐下一篇:

2 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18