码迷,mamicode.com
首页 > 其他好文 > 详细

工作总结----动态显示tab样式

时间:2015-07-31 10:56:38      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:

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不显示,也就是没有办法使用有序列表,如果想对li进行排序还需要手动创建临时变量。所以在页面开始进行全局样式设置时,尽量不用使用*{}对全局进行设置,只对需要的元素进行设置即可。


工作总结----动态显示tab样式

标签:

原文地址:http://my.oschina.net/zyxchuxin/blog/485949

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!