css+div实现左边显示菜单右边显示内容
这是你回答过的问题：“1.DIV+css在左边显示菜单，很容易实现。2.右边刷新内容，不让整个页面刷新。这属于局部刷新技术ajax。”请问有简单的例子代码吗，可以发给我一...
这是你回答过的问题：“1.DIV+css在左边显示菜单，很容易实现。
2.右边刷新内容，不让整个页面刷新。这属于局部刷新技术ajax。”
请问有简单的例子代码吗，可以发给我一份不，谢谢。 展开
2.右边刷新内容，不让整个页面刷新。这属于局部刷新技术ajax。”
请问有简单的例子代码吗，可以发给我一份不，谢谢。 展开
3个回答
展开全部
jquery里面有个方法获取某个id的页面上边距离 和左边距离 就可以给右边内容成实现了自动定位了，在加上2个鼠标移动事件 这个功能就算能够实现了 如果内容不需要在数据库动态读取数据的话，写个方法，加个内容参数 ，要读取哪些文字内容，加载到层里面，就算是实现了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
呵呵，前几天刚回答过与你类似的问题
http://zhidao.baidu.com/question/235233438.html
你直接运行就可以了：：
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<script type="text/javascript">
function setTab(m,n){
var tli=document.getElementById("leftmenu"+m).getElementsByTagName("li");
var mli=document.getElementById("mcont"+m).getElementsByTagName("ul");
for(i=0;i<tli.length;i++){
tli[i].className=i==n?"hover":"";
mli[i].style.display=i==n?"block":"none";
}
}</script>
<style type="text/css">
.aa{ width:200px; float:left;}
.aa li{ padding:5px; background:#ff0000; cursor:pointer;}
.bb{ width:700px; float:left; background:#00ff00;}
</style>
</head>
<body>
<div class="aa">
<ul id="leftmenu0">
<li class="hover" onclick="setTab(0,0)">操作流程</li>
<li onclick="setTab(0,1)">付款方式</li>
<li onclick="setTab(0,2)">免责声明</li>
<li onclick="setTab(0,3)">隐私声明</li>
</ul>
</div>
<div id="mcont0" class="bb">
<ul class="block" style="display: block">1111111111</ul>
<ul class="block" style="display: none">222222222</ul>
<ul class="block" style="display: none">333333333</ul>
<ul class="block" style="display: none">4444444444</ul>
</div>
</body>
</html>
http://zhidao.baidu.com/question/235233438.html
你直接运行就可以了：：
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<script type="text/javascript">
function setTab(m,n){
var tli=document.getElementById("leftmenu"+m).getElementsByTagName("li");
var mli=document.getElementById("mcont"+m).getElementsByTagName("ul");
for(i=0;i<tli.length;i++){
tli[i].className=i==n?"hover":"";
mli[i].style.display=i==n?"block":"none";
}
}</script>
<style type="text/css">
.aa{ width:200px; float:left;}
.aa li{ padding:5px; background:#ff0000; cursor:pointer;}
.bb{ width:700px; float:left; background:#00ff00;}
</style>
</head>
<body>
<div class="aa">
<ul id="leftmenu0">
<li class="hover" onclick="setTab(0,0)">操作流程</li>
<li onclick="setTab(0,1)">付款方式</li>
<li onclick="setTab(0,2)">免责声明</li>
<li onclick="setTab(0,3)">隐私声明</li>
</ul>
</div>
<div id="mcont0" class="bb">
<ul class="block" style="display: block">1111111111</ul>
<ul class="block" style="display: none">222222222</ul>
<ul class="block" style="display: none">333333333</ul>
<ul class="block" style="display: none">4444444444</ul>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不知道你的WEB开发能力如何：
给你几个源码，自己看看吧：http://paranimage.com/11-javascript-tree-menus/
给你几个源码，自己看看吧：http://paranimage.com/11-javascript-tree-menus/
来自：求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
