<b>用JavaScript掌握CSS的float属性</b>[网站美工]
本文“<b>用JavaScript掌握CSS的float属性</b>[网站美工]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
javaScript掌握CSS的float属性时发现的一个兼容性问题,在Aptana没有代码提醒,用Visual Studio 2008也没有代码提醒,不知道是不是因为这个属性在差别的浏览器中不能兼容还是它们都有Bug.
先看一下我写的DEMO吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试了</title>
<script type="text/javascript">
function divFloatRight(e) {
e.style.backgroundColor = "#ff0000";
e.style.styleFloat = "right";//IE
e.style.cssFloat = "right";//firefox and others explorer
}
function divFloatLeft(e) {
e.style.backgroundColor = "transparent";
e.style.styleFloat = "left";
e.style.cssFloat = "left";
}
</script>
</head>
<body>
<div>
<div id="demo" style="border: dashed 1px #000000;" onmousemove="divFloatRight(this);"
onclick="divFloatLeft(this);">
JavaScript掌握div的float属性,onmousemove~float:right,onclick~float:left.
</div>
</div>
</body>
</html>
以上是“<b>用JavaScript掌握CSS的float属性</b>[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |