搜索框文字变色如何实现?

chuqunpeng 2006-04-25 04:56:19
<INPUT id="txtsou" onblur="if (value ==''){value='请输入关键字'}" onmouseover="this.focus()"

style="WIDTH: 162px; HEIGHT: 20px" onfocus="this.select()" onclick="if(this.value=='请输入关键字')this.value=''"

maxLength="100" size="23" value="请输入关键字" name="txtsou" runat="server">

这个是我的搜索框,我想让里面的"请输入关键字"变换颜色,如何实现?
...全文
357 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
chuqunpeng 2006-04-25
  • 打赏
  • 举报
回复
哈哈,能实现了,不过有2个问题请教下
1。想突然变色不是渐变怎么实现?
2。我去掉runat="server"后才能实现,否则出错?是什么原因呢?
clare2003 2006-04-25
  • 打赏
  • 举报
回复
<input type=text value="请输入搜索条件" id="highlight">

<script>


var text="RAINBOW TEXT" // YOUR TEXT
var speed=80 // SPEED OF FADE




if (document.all||document.getElementById){
//document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight

}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>

chuqunpeng 2006-04-25
  • 打赏
  • 举报
回复
就跟这个一样
http://www.gufei.net/showjs.asp?js_id=23
但是是在输入框里面显示,帮忙啊!
chuqunpeng 2006-04-25
  • 打赏
  • 举报
回复
看起来就像闪烁一样
chuqunpeng 2006-04-25
  • 打赏
  • 举报
回复
不是的,是那种不断变换颜色的那种,目的是让人家看到这个搜索功能,俺们领导这么要求的。呵呵
clare2003 2006-04-25
  • 打赏
  • 举报
回复
onfocus="this.select() ;this.style.color='red'; this.style.backgroundColor='beige'"
jobs002 2006-04-25
  • 打赏
  • 举报
回复
color.............

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧