CSS控制输入框input悬停样式

这里用到了css的expression ie6支持 ie5.01 ie5.5 firefox 均不支持,ie7没有条件测试(win2000装不了ie7,咳)
核心部分

input {star : expression( onmouseover=function(){this.style.borderColor="#060"}, onmouseout=function(){this.style.borderColor="#c00"})}

expression改变border的例子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css测试页面</title>

<style type="text/css">
<!--
input{border:#f00 solid 1px;}
input{
star : expression(
onmouseover=function(){this.style.borderColor="#03f"},
onmouseout=function(){this.style.borderColor="#f00"}
)
}
-->
</style>
</head>

<body>
姓名：<input type="text" /><br />
年龄：<input type="text" /><br />
性别：<input type="text" /><br />
手机：<input type="text" /><br />
地址：<input type="text" /><br />
</body>
</html>

expression改变background-color的例子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css测试页面</title>

<style type="text/css">
<!--
input{background-color:#fff solid 1px;}
input{
star : expression(
onmouseover=function(){this.style.backgroundColor="#0ff"},
onmouseout=function(){this.style.backgroundColor="#fff"}
)
}
-->
</style>
</head>

<body>
姓名：<input type="text" /><br />
年龄：<input type="text" /><br />
性别：<input type="text" /><br />
手机：<input type="text" /><br />
地址：<input type="text" /><br />
</body>
</html>

Asp教程

通过asp实例结合结合ACCESS,MSSQL来更好的深入Asp学习 - 爬坡者

导航

2007-12-16 16:15:55

CSS控制输入框input悬停样式

Tags: web2.0

发布:asp教程 | 分类:WEB2.0网站重构 | 评论:1 | 引用:0 | 浏览:

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80710

Copyright 2007-2008 papozhe.com [asp教程] All Rights Reserved.
浙ICP备07030537号
免责申明：所有文章除特别声明，均来自网上，主要为学习用！内容仅供参考，版权归原作者。如侵犯您利益，请来信告知.
Email:papozhe$Gmail.com QQ:76336503

Asp教程

通过asp实例结合结合ACCESS,MSSQL来更好的深入Asp学习 - 爬坡者

导航

2007-12-16 16:15:55

CSS控制输入框input悬停样式

Tags: web2.0

发布:asp教程 | 分类:WEB2.0网站重构 | 评论:1 | 引用:0 | 浏览: strBatchCount+="spn621=621,"

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80710

发布:asp教程 | 分类:WEB2.0网站重构 | 评论:1 | 引用:0 | 浏览: