您的位置：首页 > Web前端 > JavaScript

JavaScript与Css--改变文本框颜色

2011-11-25 09:14 295 查看

随鼠标的进出改变文本框颜色

1.程序清单：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JavaScript与Css--改变文本框颜色</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
input{
bgc:expression(onmouseover=function(){
this.style.backgroundColor="#FF0000"
}, onmouseout=function(){
this.style.backgroundColor="#00FF00"
})
}
</style>

</head>

<body>
<center>
<h1>随鼠标的进出改变文本框颜色</h1>
<hr/>
<input type="text"/>
<br/>
<br/>
<input type="text"/>
<br/>
<br/>
<input type="text"/>
</center>
</body>
</html>

2.在CSS中使用JavaScript

        在CSS中使用expression将CSS属性各JavaScript表达式关联起来。这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段JavaScript表达式，CSS属性的值等于JavaScript表达式计算的结果。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  javascript stylesheet css input function html
相关文章推荐
新的分享
章节导航