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

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

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(οnmοuseοver=function(){
				this.style.backgroundColor="#FF0000"
			}, οnmοuseοut=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表达式计算的结果。


版权声明：本文为TKD03072010原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。