用JavaScript控制div的float属性--瀚海软件评论--Power By JYcms!

当前位置：首页 » 软件秘技 » 图形图像 » 用JavaScript控制div的float属性

用JavaScript控制div的float属性

作者:will2011 更新时间:2008/12/26 10:16:57 来源:中国IT人才网【字号: 大中小】本条信息浏览人次共有次

用JavaScript控制div的float属性，代码如下：

Source Code to Run

<!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=gb2312" />
<title>用JavaScript控制CSS的float属性--中国IT人才网!IT求职,IT招聘</title>
<style type="text/css">
/*基本样式定义开始*/
*{ margin:0; padding:0;}
body { font-size:12px; line-height:150%;}
td{ height:22px; padding:6px;}
a{font-size:12px; color:#000000; text-decoration:none;}
a:link{color: #000000;}
a:visited{color: #000000;}
a:hover{text-decoration: underline; color:#000000;}
a:active{color:#000000;}
img{border:none;}
ul,li{ list-style-type:none;}
/*基本样式定义完成*/
#demo{text-align:center; margin-top:30px;}

</style>
</head>
<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>
<body>
<div id="demo" style="border:dashed 1px #000000; cursor:pointer;" onmousemove="divFloatRight(this);" onclick="divFloatLeft(this);">用JavaScript控制div的float属性，onmousemove~float:right,onclick~float:left。</div>
</body>
</html>

[可先修改部分代码再运行查看效果]

【关闭窗口】【我要打印】

【免责声明：本站所发表的文章，大部分来源于各相关媒体或者网络，内容仅供参阅，与本站立场无关。如有不符合事实，或影响到您利益的文章，请及时告知，本站立即删除。谢谢监督。】

发表评论

* 评论内容：

* 您的大名：	* 您的email：
* 验证码： *请输入4位数的验证码

发表评论须知：一、所发文章必须遵守《互联网电子公告服务管理规定》；二、严禁发布供求代理信息、公司介绍、产品信息等广告宣传信息；三、严禁恶意重复发帖；四、严禁对个人、实体、民族、国家等进行漫骂、污蔑、诽谤。