关键词搜索

源码搜索 ×
×

CSS和JS结合控制样式

发布2015-02-03浏览1971次

详情内容

CSS控制样式,毋庸置疑。但有时,仅靠CSS却很难控制好,比如说,页面在多种条件下进行不同的呈现;或者运行过程中,会发生变化,比如说,左侧的菜单栏收缩了,那么右侧的宽度就变大了。

就拿这个元素的width、height来说,页面变了,预先设定的值就不合适;甚至乎,从一开始,你就不知道该预先设定什么值,因为前端的浏览器各种各样,类似height:100%这样的好像不起作用。CSS可能支持一些表达式,但我没怎么用过,印象中有说法说会有浏览器兼容问题,或者是性能问题。

这时应该换一种思路,用JS,jQuery来控制。

例子如下:


  1. <script type="text/javascript">
  2. $(function(){//这是一个在页面加载完成后执行的函数
  3. $("#div1").css("height",($(document).height() - 133) + "px");
  4. $('.bottomTabs').css('position',"relative");
  5. });
  6. </script>


相关技术文章

点击QQ咨询
开通会员
返回顶部
×
微信扫码支付
微信扫码支付
确定支付下载
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载