![原生js实现下拉列表框](https://1200zi.500zi.com/uploadfile/img/14/599/4f063f73a0305aa2fb6e0e0e4fcf175b.jpg)
web前端|html教程
javascript,列表,下拉
web前端-html教程
模仿qq列表点击下拉,js原生实现,免费源码提供研究,拿去吧!关注PHP中文网给你更多好看的!
android应用程序源码下载,vscode前端编写,在pe安装ubuntu,tomcat技术文档,sqlite备份到sql,html 树插件,武汉常用的前端框架,金融科技数据爬虫,php 非阻塞,阐述seo项目流程,网站模板帝国,网页设计滑动,分享dz模板,js 打印页面丢失样式,windows主机管理系统,thinkphp笑话程序lzw
文章广告植入三级分销源码,ubuntu怎么找回分区,阿里云Ubuntu爬虫,html给php,seo60468lzw
代码:
连接跟踪源码,vscode 全局查找文件,ubuntu 分配cpu,tomcat日志时间慢,python实习爬虫,php 修改上传图片,太原全网seo推广效果好吗,手机图片网站源码,微信通知图片模板lzw
PHP中文网--下拉框ul , h2 { padding:0; margin:0; }li { list-style:none; }#list { width:240px; border:1px solid #333; margin:0 auto; }#list .lis {}#list h2 { height:30px; line-height:30px; text-indent:20px; background:yellow; color:#000; }#list .active { background:orange; color:#000; }#list ul { display:none; }#list ul li { line-height:24px; border-bottom:1px solid #333; text-indent:24px; }#list ul .hover { background:pink; }window.onload = function (){var oUl = document.getElementById(list);var aH2 = oUl.getElementsByTagName(h2);var aUl = oUl.getElementsByTagName(ul);var aLi = null;var arrLi = [];for(var i=0;i<aH2.length;i++){aH2[i].index=i;aH2[i].onclick = function(){for(var i=0;i<aH2.length;i++){if(aH2[i] !=this){aUl[i].style.display=
one;aH2[i].className=\;}}if(this.className==\){aUl[this.index].style.display=lock;this.className=active;}else{aUl[this.index].style.display=
one;this.className=\;}};}for(var i=0;i<aUl.length;i++){aLi = aUl[i].getElementsByTagName(li);for(var j=0;j<aLi.length;j++){arrLi.push(aLi[j]);}}for(var i=0;i<arrLi.length;i++){arrLi[i].onclick=function(){for(var i=0;i<arrLi.length;i++){if(arrLi[i] !=this){arrLi[i].className=\;}}if(this.className==\){this.className=hover;}else{this.className=\;}};}};
我的好友 a111 a222 a333 a444 陌生人 b111 b222 b333 b444 b555 黑名单 c111 c222
免费拿去研究吧!更多好的源码尽在PHP中文网,关注我们给你好看哦~
相关推荐:
css,js骰子抽奖源码
html会动的小狗狗源码
js原声实现简单的微信聊天功能