鼠标悬浮在输入框改变边框颜色或背景色代码，这个效果有两种方法：方法一是使用CSS中的伪元素:focus；方法二还是使用一小段javascript；
方法一的html代码和上面的例子中一样，只不过在CSS中加入以下一段：
input:hover { border:1px solid #F00}
在鼠标悬浮在输入框时，输入框边框就会变成红色，但是此方法只在Firefox浏览器和IE7以上版本中有效，IE6不支持，所以它有一定的局限性。
方法二的代码大部分和上面的例子中一样，只不过在在后面再加入一个一段鼠标悬浮的代码：
HTML代码
action="">
for="textfield">输入内容：
type="text" id="textfield" value="Dreamweaver"
οnfοcus="this.select()"
οnmοuseοver="this.style.borderColor='#FF6600'"
οnmοuseοut="this.style.borderColor=''" />
本代码来自IT知道网JAVASCRIPT 示例
使用这段代码，大多数浏览器都可以支持
1、新建一个html文件，命名为test.html。
2、在test.html文件中，使用div标签创建一个模块，并设置其id属性为tid，下面将通过该id设置其css样式。
3、在css标签内，对div进行样式设置，使用width属性设置div的宽度为200px，使用height属性设置div的宽度为20px，使用background属性设置div的背景颜色为红色。
4、在css标签内，再定义一个类名为newbg的样式，使用background属性设置背景颜色为黄色。
5、在test.html文件中，给div绑定onmouseover鼠标移动事件，当鼠标移动至div时，执行myfun（）函数。
6、在test.html文件中，在js标签内，创建一个myfun（）函数，在函数内，使用getElementById（）获得div对象，通过className（newbg）设置div的新背景颜色。
