十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
最简单的方法就是将二级菜单都使用绝对定位, 然后指定好每个二级菜单显示的位置。
中方网站建设公司成都创新互联公司,中方网站设计制作,有大型网站制作公司丰富经验。已为中方上千余家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的中方做网站的公司定做!
但我不建议这么做。可以定义一个容器来专门显示二级菜单。这个容器的高和宽可以根据一级菜单和屏幕宽度来限制。这样,二级菜单都将从顶部对齐。不过很少见有从底部对齐的设计。
[img]style
.left{float: left;width: 100px;overflow: hidden;}
.left li{height: 30px;line-height: 30px;text-align: center;}
.right{float: left;width: 100px;height: 400px;}
.right li{display: none;color: #f00;}
/style
!-- 左侧li --
ul class="left"
li第1个标题/li
li第2个标题/li
li第3个标题/li
li第4个标题/li
/ul
!-- 右侧li内容 --
ul class="right"
li1.左侧HTML/li
li2.左侧HTML/li
li3.左侧HTML/li
li4.左侧HTML/li
/ul
//js代码
script type="text/javascript"
$(function(){
$(".right li").eq(ind).show();
$(".left li").click(function(){
var ind = $(".left li").index(this);
$(".right li").eq(ind).show().siblings().hide();
})
})
/script
直接把元素的position属性设置成fixed,然后设置它的right和top值就可以了。
EasyUi 采用分类控件加Tree做得导航条,现在我更数据,将导航条数据也刷新 $('#accordionPanel').accordion('reload'),可以获取到后台重新加载的数据,但是页面没有更新
$(function () {
$('dl').click(function () {
$(this).slideDown().siblings().slideUp();
});
});