如何实现文本框特效？

coolbabyljx 2003-04-03 08:26:52

就是当Focus时使用另一种样式?比如背景变成别的颜色，当LoseFocus时恢复。

要求用两种方法实现，一种是使用另外的Class一种是直接写BackGround-Color.

最好用了以后整页的所有文本框都具有这种效果？？？？？？？？？？？？？

高手帮帮忙啊！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

...全文

46 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

coolbabyljx 2003-04-04

打赏
举报

高定

fason 2003-04-03

打赏
举报

className怎么写?就是
<style>
.input1{behavior:url("bg.htc")}
</style>
后,class="input1"
这样已经有你要的效果了

coolbabyljx 2003-04-03

打赏
举报

fason(阿信) 用HTC时
如果用ClassName怎么写啊？

fason 2003-04-03

打赏
举报

coolbabyljx 2003-04-03

打赏
举报

这种方法时怎么用 ClassName ?

fason 2003-04-03

打赏
举报

<HTML>
<HEAD>
<TITLE>Script Encoder Sample Page</TITLE>
<style>
.input1{behavior:url("bg.htc")}
</style>
</HEAD>
<BODY>
<input class='input1'>
</BODY>
</HTML>

bg.htc//同一目录
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onfocus" ONEVENT="fos()"/>
<PUBLIC:ATTACH EVENT="onblur" ONEVENT="blu()"/>
<SCRIPT>
function fos(){
style.backgroundColor='#ffffff'
}
function blu(){
style.backgroundColor='#3366cc'
}
</SCRIPT>
</PUBLIC:COMPONENT>

coolbabyljx 2003-04-03

打赏
举报

htc 是什么阿？

coolbabyljx 2003-04-03

打赏
举报

如何简单的让整页的文本框有这种效果？

fason 2003-04-03

打赏
举报

you can use htc

coolbabyljx 2003-04-03

打赏
举报

能不能完全借助于样式表实现？

coolbabyljx 2003-04-03

打赏
举报

试试看

youbest 2003-04-03

打赏
举报

youbest 2003-04-03

打赏
举报

fason 2003-04-03

打赏
举报

<head>
<style>
.focus{background-color:#ffffff}
.blur{background-color:#3366cc}
</style>

</head>

<body>
<input onfocus="style.backgroundColor=''" onblur="style.backgroundColor='#3366cc'">
<input onfocus="className='focus'" onblur="className='blur'">
</body>