您的位置:首页 > Web前端 > CSS

动态显示tab样式

2015-07-31 09:46 549 查看
1、Tab选项卡的嵌入:编写的css样式一定要层层嵌套,优先级高,不被原来页面的css样式影响。

2、根据点击按钮的不同,改变Tab页面显示的位置:

获取元素距离顶部的高度:obj.offset().top;

获取元素距离左边的高度:obj.offset().left;

设置tab元素的css属性:$("#tabs").css({"top":"100px","left":"100px"});

3、对全局设置*{padding:0;margin:0;} ol li{list-style:none;}之后,页面中ol li的list-style不显示。这是因为设置list-style:none;的原因,可以通过设置:list-style-type:decimal来显示序号。同时通过list-style-position:inside;使得序列号在会跑出list的区域。list-style-position:inside/outside两个属性。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Tab 全局设置