首页 > 其他 > 详细

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

时间:2015-07-31 10:53:24      阅读:253      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!