                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /搜索框制作

按他说的那种做法 selected这个 class点击后无法保留，点了之后是一片空白

.search_list li {
			display: none;
			height: 34px;
			line-height:34px;
			overflow: hidden;
			text-align: center;
		}
		.search_list li a {
			color: #6c6c6c;
		}

		.search_list .selected {
			background-color: #f6f6f6;
			display: block;
		}

		.trigger_hover {
			height: auto;
		}
		
		.trigger_hover li {
			display: block;
		}

ddEvent("tab_1", "mouseover",function(){
			if(this.className.indexOf("selected")<0){
				this.className +="selected";
			}
		});

		addEvent("tab_1", "mouseout",function(){
			this.className ="";
		});

		addEvent("tab_1", "click", function(){
			getById("search_tab").className = "search_list";
		});

		addEvent("tab_2", "mouseover",function(){
			if(this.className.indexOf("selected")<0){
				this.className +="selected";
			}
		});

		addEvent("tab_2", "mouseout",function(){
			this.className ="";
		});

		addEvent("tab_2", "click", function(){
			getById("search_tab").className = "search_list";
		});

comlejade

2016-02-05

源自：搜索框制作 3-7

关注问题我要回答

1116

操作

收起

4 回答

weibo_小太阳和它的向日葵_0
2016-04-24

ME TOO，解决的话求告知

0 回复有任何疑惑可以回复我~

笨笨花猫
2016-02-23

var flag = true;//设置一个状态
			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","click",function(){
				getDOM("search_tab").className="search-list";
				this.className =" selected";
			})
			
			addEvent("tab_1","mouseout",function(){
				if(flag){
					this.className ="";
				}
				console.log("className=''")
				flag =true;
				
			})
						
			addEvent("tab_2","mouseover",function(){
				if(this.className.indexOf('selected')<0){
					this.className +=" selected";
				}
			})

			addEvent("tab_2","click",function(){
				
				this.className =" selected";
				getDOM("search_tab").className="search-list";
				console.log("className='selected'")
				flag=false;
			})
			addEvent("tab_2","mouseout",function(){
				if(flag){
					this.className ="";
				}
				console.log("className=''")
				flag =true;
			})

0 回复有任何疑惑可以回复我~

#1

感觉还是有问题。

2016-05-23 回复有任何疑惑可以回复我~

妈妈说要好好学习
2016-02-16

我也遇到了这种情况，暂时还不知道怎么解决

0 回复有任何疑惑可以回复我~

comlejade 提问者
2016-02-05

这里是截图

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

搜索框制作

参与学习 66041 人
解答问题 431 个

本课程从简入深讲解搜索框的制作，学习JQ与JS实现Ajax技术的不同点

按他说的那种做法 selected这个 class点击后无法保留，点了之后是一片空白

我要回答关注问题

意见反馈帮助中心 APP下载