 |
热门文章 |
|
|
|
|
| 百度和谷歌双搜索效果 |
| 来源：中国站长天空 更新时间：2009/12/3 1:29:53 阅读次数： 我要投稿 |
|
<html>
<head>
<title>百度和谷歌双搜索效果</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<script language="javascript">
function $(uid){return document.getElementById(uid);}
function getbasce (u){
var uend=u.lastIndexOf("/")+1
return u.substring(0, uend)
}
function searchs(){
var s= $("myselect").value
if(s.length<2)s='http://www.baidu.com/s?wd=';//百度
var k=$("key").value
if (k.length<1){s=getbasce (s)
}
window.open(s+$('key').value);
$('key').value="";
$("myselect").options[0].selected=1
}
</script>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<form name="form" method="post" onSubmit="searchs()">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="450" height="55" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="421"><table border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td><input name="key" type="text" id="key" size="25"/>
<select id="myselect">
<option selected>请选择搜索引擎</option>
<option value='http://www.baidu.com/s?wd='>百度</option>
<option value='http://www.google.cn/search?q='>谷歌</option>
</select>
</td>
<td><input name="button" type="submit" id="button" value=" 搜索 "/></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</form>
</body>
</html> |
|
| 上一篇文章： 很流行的实用表单验证效果下一篇文章： 自动适应内容高度的多行文本框 |
|
|
|
注册 登录
