调用JavaScript控制CSS的float属性

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

创新互联是创新、创意、研发型一体的综合型网站建设公司，自成立以来公司不断探索创新，始终坚持为客户提供满意周到的服务，在本地打下了良好的口碑，在过去的10余年时间我们累计服务了上千家以及全国政企客户，如工商代办等企业单位，完善的项目管理流程，严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致赞赏。

用JavaScript控制CSS的float属性

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

ExampleSourceCode

 
 
 

  
  
  
  
  
  
 
  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
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";  
  
  
  
}  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
  
  
  
onclick="divFloatLeft(this);"> 
  
  
  
//JavaScript控制div的float属性，onmousemove~float:right,onclick~float:left。