网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么用JavaScript控制CSS的float属性

本篇内容主要讲解“怎么用JavaScript控制CSS的float属性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用JavaScript控制CSS的float属性”吧!

创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站建设、网站制作、龙安网络推广、成都微信小程序、龙安网络营销、龙安企业策划、龙安品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供龙安建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

CSS中float属性有很多值得学习的地方,本文和大家重点讨论一下如何使用JavaScript控制CSS的float属性,相信本文介绍一定会让你有所收获。

用JavaScript控制CSS的float属性

今天学习JavaScript控制CSS的float属性时发现的一个兼容性问题,在Aptana没有代码提示,用VisualStudio2008也没有代码提示,不知道是不是因为这个属性在不同的浏览器中不能兼容还是它们都有Bug。先看一下我写的DEMO吧。

ExampleSourceCode

    测试了   functiondivFloatRight(e){  e.style.backgroundColor="#ff0000";  e.style.styleFloat="right";//IE  e.style.cssFloat="right";//firefoxandothersexplorer  }  functiondivFloatLeft(e){  e.style.backgroundColor="transparent";  e.style.styleFloat="left";  e.style.cssFloat="left";  }      
  //JavaScript控制div的float属性,onmousemove~float:right,onclick~float:left。  
 
  

在这里,IE只能支持obj.style.styleFloat,而Firefox和其它的浏览器只支持obj.style.cssFloat。为了解决这个浏览器兼容问题,一开始小题大作的打算写一个浏览器判断的方法,后来反过来一想,只要把这两个属性设置的语句写在一起就可以兼容各个浏览器了。

到此,相信大家对“怎么用JavaScript控制CSS的float属性”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


当前文章:怎么用JavaScript控制CSS的float属性
网站地址:http://bjjierui.cn/article/jcjpsc.html

其他资讯