1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Javascript实现简单二级下拉菜单实例【javascript】

Javascript实现简单二级下拉菜单实例【javascript】

时间:2019-05-12 20:29:21

相关推荐

Javascript实现简单二级下拉菜单实例【javascript】

web前端|js教程

Javascript,二级下拉

web前端-js教程

快播手机版源码,vscode中运行js代码,ubuntu搜索usrp,tomcat每天吃内存,爬虫玩具内部,php ci view,盘锦关键词seo推广,php网站复制下载,返利网站模板下载lzw

Menu

匠禾商城小程序源码,vscode怎么删除插件,ubuntu下学英语,tomcat部署到idea,寻觅+爬虫,php光速入门,南宁引擎优化seo公司,织梦网站asp模板破解版,农家乐招聘信息模板lzw

#nav

{

list-style: none;

text-align: center;

}

#nav li

{

float: left;

width: 100px;

color: white;

background-color: #3E3E3E;

}

#menu

{

list-style: none;

padding: 5px;

display: none;

margin-left: -5px;

margin-top: -5px;

}

#menu li

{

background-color: #ccc;

width: 100px;

text-align: left;

padding-left: 10px;

}

#menu li a:link

{

text-decoration: none;

display: block;

}

#menu li a:hover

{

background-color:#3E3E3E;

color: white

}

小猪收银台源码下载,vscode 开发win,Ubuntu上获取文件夹权限,tomcat 指向域名,sqlite3_key,discuz微信投票插件,vue通常与哪个前端框架,常用的爬虫单词英语,细说php 下载,内江seo费用,大气扁平网站,唯品会弹网页,微社区 模板,javase小程序lzw

数 据 库

MySQL

SQL Server

Oracle

DB2

前台脚本

JavaScript

Ruby

HTML

Python

后台脚本

PHP

ASP

JSP

var lis = document.getElementById("nav").getElementsByTagName(li);

var i = 0;

for( i = 0; i < lis.length; i++)

{

if(lis[i].className == "child")

{

lis[i].onmouseover = function()

{

var ulObj1 = this.getElementsByTagName(ul)[0];

ulObj1.style.display = "block";

this.style.backgroundColor="#ccc";

this.style.color="black";

}

}

lis[i].onmouseout = function()

{

var ulObj1 = this.getElementsByTagName(ul)[0]; //this是HTMLElement对象

ulObj1.style.display = "none";

this.style.backgroundColor="#3E3E3E";

this.style.color="white";

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。