随手写的js+css模拟select *** 作

概述随手写的js+css模拟select *** 作

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<style>.zselect{wIDth:500px;height:50px;line-height:50px;border:1px solID #ccc;position: relative;}.zselect ul{wIDth:100%;List-style: none;margin: 0px;padding: 0px;position: absolute;z-index: 999;border: 1px solID #ccc;background: #fff;}.zselect ul li{wIDth:100%;height:50px;line-height:50px;text-align:center;margin: 2px 0px;background: #CCC; display: none; cursor: pointer;}.zselect ul li:hover{background: #666;}.zselect ul li.on{display: block; }</style><div >	<ul>		<li >请选择</li>		<li>选项一</li>		<li>选项二</li>		<li>选项三</li>		<li>选项四</li>		<li>选项五</li>	</ul></div><script>	var lis = document.getElementsByClassname('zselect')[0].getElementsByTagname('li');	for(var i = 0; i < lis.length; i++){		lis[i].onclick = function(){			if(this.parentNode.getAttribute('_zxs') == 'show'){				//for(var j = 0; j < lis.length; j++){ lis[j].classname = '';}				for(var j = 0; j < lis.length; j++){ lis[j].style.display = 'none';}				this.classname = 'on';				this.style.display = 'block';				this.parentNode.setAttribute('_zxs','hIDe');			}else{				//for(var j = 0; j < lis.length; j++){ lis[j].classname = 'on';}				for(var j = 0; j < lis.length; j++){ lis[j].style.display = 'block';}				this.parentNode.setAttribute('_zxs','show');			}		};	}</script>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的随手写的js+css模拟select *** 作全部内容，希望文章能够帮你解决随手写的js+css模拟select *** 作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。