請問一下大家,我挷定事件怎么一個都不能實現啊?你們的怎么可以啊?改變背景色 ?和 ?切換列表 ? 都不能實現?<!DOCTYPE html><html><head><meta charset="UTF-8"><title>taobao demo</title><style type="text/css">/*應用字符集顯示小icon. ? ?小icon的字體文件,一般是個網絡文件,也可以百度搜索一下,不同的瀏覽器會識別不同的字體,要寫兼容性,維一的不同就是后綴不同而已.*/@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("embeddeb-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.ttf) format("truetype"),? ? ? ? ? ? url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.svg#uxiconfont) format("svg")}body{font:12px/1.5 tahoma,arial,sans-serif;}a{text-decoration: none;}.search-container{position: relative;}.search-tips{float: right;padding: 3px 0 0 15px;}.search-tips a{color: #6c6c6c;}.search-button{float:right;}.btn-search{background-image:url(images/%E7%BA%A2%E8%89%B2%E7%AE%AD%E5%A4%B4.png);width:100px;height:45px;border:0;cursor:pointer;}.search-common-panel{height: 39px;background-color: #f50;overflow: hidden;padding: 3px 0 5px 77px;}.search-common-panel input{height: 39px;line-height: 39px;width: 100%;border:0 none;outline: 0;background-color: #fff;}.search-common-panel i{position: absolute;top:14px;left:86px;z-index: 2;color: #ccc;}.iconfont{font-family: iconfont;font-size: 12px;font-style: normal;}ul{list-style: none;display: block;}ul,li{margin: 0;padding: 0;}.search-list{position: absolute;top:3px;left: 3px;width: 72px;height: 39px;overflow: hidden;background: #fff;border-left:1px solid #f6f6f6;border-right: 1px solid #e5e5e5;}? ?.search-list li{display: none;height: 39px;line-height: 39px;overflow: hidden;text-align: center;}? ?.search-list li a{color: #6c6c6c;}? ?.search-list .selected{background: #f6f6f6;display: block;}? ?.trigger-hover{height: auto;}? ?.trigger-hover li{display: block;}</style></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 action=""><div><a href="">高級<br/>搜索</a></div><div><button type="submit"></button></div><div><input type="text" x-webkit-speech=""/><i>O</i></div></form></div></div></body><script>//獲取元素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 if(el.attachEvent){el.attachEvent('on'+event,fn);}};//鼠標移上展開列表addEvent('search_tab','mouseover',function(){this.className+=' trigger-hover';});//鼠標移上切換列表背景色addEvent('tab_1','mouseover',function(){if(this.className.indexof('selected')<0){? ?this.className+=' selected';? ?}});addEvent('tab_1','mouseout',function(){this.className='';});addEvent('tab_2','mouseover',function(){if(this.className.indexof('selected')<0){? ?this.className+=' selected';? ?}});addEvent('tab_2','mouseout',function(){this.className='';});//鼠標點擊切換列表addEvent('tab_1','click',function(){getDOM('search_tab').className = 'search-list';});addEvent('tab_2','click',function(){getDOM('search_tab').className = 'search-list';});</script></html>
請問一下大家,我挷定事件怎么一個都不能實現啊?
未來99
2017-01-16 22:14:03
