十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
可以给div前面留一个padding;
为祁门等地区用户提供了全套网页设计制作服务,及祁门网站建设行业解决方案。主营业务为成都网站建设、成都网站设计、祁门网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
然后选中的tab加特定class,这里用selected举例;
进页面的时候,默认第一个tab的class是selected.
然后设置selected的样式为:position:absolute;left:0; 定位到最左边留出来的padding上
然后给所有tab绑定事件, 点击的话,其他tab就移出selected类, 当前tab加上selected类.
这样就点哪个,哪个就有绝对定位属性,就到第一个去了
[img]你好!
html:
//假设你的easyui-tabs的结构类似这样
div
id="tt"
class="easyui-tabs"
div
title="menuOne"
菜单一中的其他内容
button
id="btn"我是按钮/button
/div
div
title="menuTwo"
菜单二中的其他内容
/div
/div
javascript:
script
$(function(){
$("#btn").click(function(){
$("#tt").tabs('select',
"menuTwo");
//设置选中属性为“菜单二”(属性值为title属性)
});
});
/script
要在主页面创建tab标签,你得使用easyui的tabs,没看到你上边相关的代码呀。
刚好最近做了类似的项目,大致思路供参考:
1、tab标签放在你的主页面
region='center'的那个div对应你的主页面,id为content_tabs的div是所有tab的面板
下面给出了带有一个默认标签的例子
div region='center' id="content"
div id="content_tabs" class="easyui-tabs"
div title="我是默认页面" href="..." closable=true/div
/div
/div
2、当你点击ztree时响应一个函数,这个函数在content_tabs中新建tab
function openTab(title,url){ // title是显示的标题,作为tab的标识,url是载入的地址
if(!$("#content_tabs").tabs('exists',title)) // 如果不存在此tab则创建
$("#content_tabs").tabs('add',{
title:title,
href:url,
closable:true,
});
else // 如果已经打开则选中
$("#content_tabs").tabs('select',title);
}
用框架来实现,具体实现方法我就不贴了,给你个我的思路好了。
div class="menu"
div id="menu_1"/div
/div
div class="content"
div id="1"iframe/iframe/div
/div
每点击按钮一次:1.把menu和content里的子元素全部隐藏;2.给menu添加一个子元素div像menu_1一样,同样给content添加一个像id=1的div一样的div;
大体就这样,然后点击,关闭之类的就很好写了。因为menu中的元素与content中的元素师一一对应的,点击上面的,下面对应的就隐藏,然后把上一个显示出来。关闭也一样。至于其他的js效果,你自己想办法吧。动动手对写js的水平提高很有好处的。