我的执行不了，可以看看你们正确的代码吗
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>taobao搜索框</title>
<style type="text/css" media="screen">
@font-face {
font-family: iconfont;
src: url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot);
src: url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot?#iefix) format("embedded-opentype"),
url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.woff) format("woff"),
url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.tff) format("truetype"),
url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.svg#uxiconfont) format("svg");
}
body{font-size: 12px;}
.search-container{position:relative;}
.search-pannel a{text-decoration: none;color:#ccc;}
.search-tips{float:right;padding:3px 0 0 15px;}
.search-button{float:right;}
.btn-search{background-image: url("images/sousuo.PNG");width:100px;height:45px;
border:0;cursor:pointer;}
.search-common-panel{height:39px;padding:3px 0 3px 70px;background-color: red;overflow: hidden;}
.search-common-panel input{height:39px;line-height: 39px;border:0 none;width:100%;outline:0;background:#fff;}
.search-common-panel li{
position:absolute;top:14px;left:86px;
z-index: 2;color:#ccc;list-style: none;
}
.iconfont{
font-family: iconfont;
font-size: 15px;
font-style: normal;
}
ul{list-style: none;
}
ul{margin:0;padding:0; display:block;}
.search-list {
position:absolute;
top:18px;
left: 2px;
height:39px;
width:70px;
overflow:hidden;
background-color: #fff;
border-left: 1px solid #f6f66f;
border-right: 1px solid #e5e5e5;
}
.search-list li{
height:39px;
font-size: 20px;
line-height: 39px;
overflow:hidden;
text-align: center;
}
.search-list li a{text-decoration: none;color:#6c6c6c;}
.selected{background:#f6f6f6;}
.trigger-hover{
height:78px;
}
</style>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
<div>
<div id="search_tab">
<ul>
<li id="tab-1"><a href="#">宝贝</a></li>
<li id="tab-2"><a href="#">店铺</a></li>
</ul>
</div> `
<div>
<form>
<div>
<a href="#">高级<br>搜索</a>
</div>
<div>
<button type="submit"></button>
</div>
<div>
<input type="text" x-webkit-speech>
<li>ő</li>
</div>
</form>
</div>
</div>
<script type="text/javascript">
var getDOM = function(id){
return document.getElementById(id);
}
var addEvent = function(id, event, fn){
var el = getDOM(id) || document;
if(el.addEventListener){
el.addEventListener(event, fn, false);
}else{
el.attachEvent('on'+event, fn);
}
}
addEvent('search_tab','mouseover',function(){
this.className+='trigger-hover';
});
</script>
</body>
</html>
