一个输入框变色的效果如何做
日期：2014-05-16 浏览次数：20420 次
一个输入框变色的效果怎么做?
http://armory.wowtaiwan.com.tw/
就像这个网站, 点 "搜索armory "后字体消失, 然后输入框变色
离开输入框后再重新写 "搜索armory "
------解决方案--------------------
背景中那个绕圈圈滴亮点儿是 flash
http://armory.wowtaiwan.com.tw/images/searchbox.swf
代码如下，L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<title> new document </title>
<meta name= "generator " content= "editplus " />
<meta name= "author " content= "yixianggao@126.com " />
<meta name= "keywords " content= "javascript " />
<meta name= "description " content= "for javascript region of csdn " />
<style type= "text/css ">
.highlight {
border: 1px solid red;
}
</style>
<script type= "text/javascript ">
<!--
function checkClear() {
if (document.formSearch.searchQuery.value == document.formSearch.searchQuery.defaultValue)
document.formSearch.searchQuery.value = " ";
}
function checkBlur() {
if (document.formSearch.searchQuery.value == " ")
document.formSearch.searchQuery.value = document.formSearch.searchQuery.defaultValue;
}
//-->
</script>
</head>
<body>
<form name= "formSearch ">
<input maxlength= "72 " size= "16 " onmouseover= "this.className = 'highlight ' " onmouseout= "this.className = ' ' " onBlur= "javascript: checkBlur(); " onFocus= "javascript: checkClear(); " value= "搜尋The Armory " name= "searchQuery " type= "text ">
</form>
</body>
</html>
http://armory.wowtaiwan.com.tw/
就像这个网站, 点 "搜索armory "后字体消失, 然后输入框变色
离开输入框后再重新写 "搜索armory "
------解决方案--------------------
背景中那个绕圈圈滴亮点儿是 flash
http://armory.wowtaiwan.com.tw/images/searchbox.swf
代码如下，L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<title> new document </title>
<meta name= "generator " content= "editplus " />
<meta name= "author " content= "yixianggao@126.com " />
<meta name= "keywords " content= "javascript " />
<meta name= "description " content= "for javascript region of csdn " />
<style type= "text/css ">
.highlight {
border: 1px solid red;
}
</style>
<script type= "text/javascript ">
<!--
function checkClear() {
if (document.formSearch.searchQuery.value == document.formSearch.searchQuery.defaultValue)
document.formSearch.searchQuery.value = " ";
}
function checkBlur() {
if (document.formSearch.searchQuery.value == " ")
document.formSearch.searchQuery.value = document.formSearch.searchQuery.defaultValue;
}
//-->
</script>
</head>
<body>
<form name= "formSearch ">
<input maxlength= "72 " size= "16 " onmouseover= "this.className = 'highlight ' " onmouseout= "this.className = ' ' " onBlur= "javascript: checkBlur(); " onFocus= "javascript: checkClear(); " value= "搜尋The Armory " name= "searchQuery " type= "text ">
</form>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
