引人注目的输入框

闪烁的东西往往会吸引别人的注意。你可以用它来强调一些比较重要的内容。文本框也可以做到。

将如下javascripts代码加入紧靠</BODY>上面的位置。

<script language="JavaScript1.2">
<!--//
if (document.all&&document.all.flashit){

var flashelement=document.all.flashit
if (flashelement.length==null)
flashelement[0]=document.all.flashit

function changecolor(which){
if (flashelement[which].style.color=='')
flashelement[which].style.color="red"
else
flashelement[which].style.color=""
}

if (flashelement.length==null)
setInterval("changecolor(0)",1000)
else
for (i=0;i<flashelement.length;i++){
var tempvariable='setInterval("changecolor('+i+')",'+'1000)'
eval(tempvariable)
}

}
//-->
</script>

然后在凡是要产生闪烁效果的地方加上：id="flashit" 即可。例如：

(1):
<textarea name="textfield" cols="40" rows="8" id="flashit">
(2):
<input type="text" name="textfield" value="文本框也可以的" size="40" id="flashit">
(3):
<input type="submit" name="Submit" value="Submit" id="flashit">

 

 

chrome 测试貌似不行啊。代码看起来挺简洁的。

"然后在凡是要产生闪烁效果的地方加上：id="flash it" 即可。"

换成.凡是要产生闪烁效果的地方加上 class="blink" 比较好
很奇怪楼主怎么发出来的....f l a s h i t ..提交的时候提示我不允许包含 s h i t 这个词

document.all
这个是ie特有的，不是标准写法，在标准浏览器中是有问题的，可以写成document.getElementById.
另外楼上建议的对，id换成class更好，id不太合适

我测试了下怎么一点效果都没有？

多谢两位的建议，回去我去试试。

改成document.getElementById后chrome下测试通过,的确起到引人注目的输入框的效果
在线效果可看 hy2999.com   首页右上角搜索输入框
通过id直接操作style，应该也很正常吧，
注:那个站的整体网页不好看，不要批我
(刚玩PHP一天，直接改代码从原PHP连接2000至sqlserver 2005的,也包括配置php,不像java那样直接改class.forName就可以了，还要改很多mssql至sqlserver2005函数名及rewrite的配置，达到从PHP到HTML的静态效果)

一个页面里面包含重复的ID是不合适的，用class要好多

不懂楼主这么简单的东西非要弄得这么麻烦。。。

<input type="text" name="textfield" value="一个简单的ID有那么麻烦么？" size="40" id="flash">
<script>
function $(id){return document.getElementById(id)}
function c(){
	var o = $("flash");
	o.s=(!o.s)?false:true;
	//我编写的时候这里只有一个 o 不知道为什么提交的时候出现了两个 o ，javaeye 改 bug
	o.style.color=o.s?"red":"";
  	o.s=(o.s)?false:true;
}
var a = setInterval(c,500);
</script>

真的比我的简单多啦，多谢共享。你这段代码在所有浏览器都测试过吗？