像百度和CSDN这里的点击文本框 ,改变边框的 功能是怎么做的??

[lxy_lxy]

像百度和CSDN这里的点击文本框 ,改变边框颜色的 功能是怎么做的

[暖枫无敌]

可以在页面中加入javascript如下：
<script type="text/javascript" language="javascript">
        function changeborder()
        {
            document.getElementById('txtAccount').style.borderColor="Red";
        }
    </script>
然后在textbox中加入onfocus，如下：
<asp:TextBox ID="txtAccount" runat="server" Width="132px"  onfocus="changeborder();"></asp:TextBox>
这里是把border的颜色改成了red，你自己也可以随便修改。

如果是失去焦点的话，可以使用onblur事件
onblur="changeborderback();"
javascript函数添加
        function changeborderback()
        {
            document.getElementById('txtAccount').style.borderColor="White"
        }

<asp:TextBox ID="txtAccount" runat="server" Width="132px"  onfocus="changeborderback();"></asp:TextBox>

[zell419]

<input type="text" onfocus="this.style.border='10px solid #dedede'" />
这样 ？

[子夜__]

你那是谷歌浏览器吧？

[sharpblade]

通过css，容易的很

[ycproc]

万能的css和 html5 jquery

[josephSC]

不错，一楼代码都给出来了。 btw我也很喜欢jquery很强大

[xiaolingwei]

<script type="text/javascript" language="javascript">
        function changeborder()
        {
            document.getElementById('<%=txtAccount.ClientID%>').style.borderColor="Red";
        }
    </script>

然后在textbox中加入onfocus

<asp:TextBox ID="txtAccount" runat="server" Width="132px"  onfocus="changeborder();"></asp:TextBox>

这样才可以

[lxy_lxy]

[Quote=引用 5 楼 fengyarongaa 的回复:]
万能的css和 html5 jquery
[/Quote]

如何实现~~

[新时代新目标新征程]

1楼的够可以解决了。

[begintransaction]

.c
{
 border:solid 1px #ccc;
}
.u
{
 border:solid 1px red;
}

<input type="text" onclick="javascript:this.className='c'" onblue="javascript:this.className='u'"/>

[kk297173176]

好吧 接个分 可以吧

[jjhong]

没分发帖 急待解决 借用一下 先谢谢了 请高手帮解决一下

<img src=... 这样的调用方式的计数器，如何才能实现来路获取功能？script 这种调用方式的计数器，实现来路获取，是很容易的，可以用一句js来实现，但<img这样的调用方式，js不能运行，只能直接是输入图像的代码。
这时用Request.ServerVariables("HTTP_REFERER")取到的，只是计数器所在的网页的网址，如何才能获取到计数器所在的网页的来源地址呢？问题补充：

比如在看 http://www.ddd.com/ 时转到了看 http://www.abc.com/index.html 页,这页里用 <img src="xxx.asp" /> 引用了计数器,那么在xxx.asp中的HTTP_REFERER就是 http://www.abc.com/index.html,这并不是期望的 http://www.ddd.com,要的就是得到 http://www.ddd.com.

[saviorgaga]

学习，，，关注

[格桑花]

[Quote=引用 1 楼 taomanman 的回复:]
C# code

可以在页面中加入javascript如下：
<script type="text/javascript" language="javascript">
function changeborder()
{
document.getElementById('txtAccount').style.borderColor……
[/Quote]

+++++++

[lxy_lxy]

我指的是像 百度 和csdn 那样的边框颜色变化 ,这个蓝色 ,这个蓝色 是有点渐变的蓝色 ,而不是js直接改变边框颜色这么简单的吧~~~????

[ycproc]

输入框景背景透明：
<input style="background:transparent;border:1px solid #ffffff">

鼠标划过输入框，输入框背景色变色：
<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" 
style="width: 106; height: 21" 
onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black">

输入字时输入框边框闪烁(边框为小方型)：
<Script Language="JavaScript">
function borderColor(){
if(self['oText'].style.borderColor=='red'){
self['oText'].style.borderColor = 'yellow';
}else{
self['oText'].style.borderColor = 'red';
}
oTime = setTimeout('borderColor()',400);
}
</Script>
<input type="text" id="oText" style="border:5px dotted red;color:red" onfocus="borderColor(this);" onblur="clearTimeout(oTime);">

输入字时输入框边框闪烁(边框为虚线)：
<style>
#oText{border:1px dotted #ff0000;ryo:expression(onfocus=function light (){with(document.all.oText){style.borderColor=(style.borderColor=="#ffee00"?"#ff0000":"#ffee00");timer=setTimeout(light,500);}},onblur=function(){this.style.borderColor="#ff0000";clearTimeout(timer)})};
</style>
<input type="text" id="oText">

自动横向廷伸的输入框：
<input type="text" style="huerreson:expression(this.width=this.scrollWidth)" value="abcdefghijk">

自动向下廷伸的文本框：
<textarea name="content" rows="6" cols="80" onpropertychange="if(this.scrollHeight>80) this.style.posHeight=this.scrollHeight+5">输入几个回车试试</textarea>

只有下划线的文本框：
<input style="border:0;border-bottom:1 solid black;background:;">

软件序列号式的输入框：
<script for="T" event="onkeyup">
if(value.length==3)document.all[event.srcElement.sourceIndex+1].select();
</script>
<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T7" size="5" maxlength="3">

软件序列号式的输入框(完整版)：
<script for="T" event="onkeyup">if(value.length==maxLength)document.all[event.srcElement.sourceIndex+1].focus();</script>
<script for="T" event="onfocus">select();</script>
<script for="Submit" event="onclick">
var sn=new Array();
for(i=0;i<T.length;i++)
sn=T.value;
alert(sn.join("—"));
</script>
<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">
<input type="submit" name="Submit">

[xieliliang]

[Quote=引用 15 楼 lxy_lxy 的回复:]
我指的是像 百度 和csdn 那样的边框颜色变化 ,这个蓝色 ,这个蓝色 是有点渐变的蓝色 ,而不是js直接改变边框颜色这么简单的吧~~~????
[/Quote]
可以用背景图片平铺