分享一个 原生javaScript - 用面向对象写的下拉菜单 - DropdownMenu

博主分享了自己学习JavaScript一个月后的成果,通过面向对象的方式实现了纯原生JavaScript的下拉菜单。在学习过程中,虽然遇到困难,但通过参考各种资料,最终成功编写出了无bug的DropdownMenu。这是他的学习作业,主要涉及JavaScript、面向对象编程和HTML。
摘要由CSDN通过智能技术生成

前言:

学习js一月有余,周末闲暇时间,继续学习。

学习进度:入门中;

学习资料:视频教程 / javaScript高级程序设计(第3版)

由来:

一直想做一个纯原生js的下拉菜单,参考了网上的许多例子,可是一直有bug无法解决。以往没有编程经验,自学起来真的不太容易。总体来说ECMAScript是个有意思的语言。


以下是我的学习作业,用面向对象写的:


// html 部分

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="css.css" rel="stylesheet" type="text/css">
<script src="dropdown.js" type="text/javascript"></script>
<script>

window.οnlοad=function(){
	  
	
	new Dropdown(
	
		"nav", 			//容器
		
		"level1", 		//列表的class
		
		"parent" ,		//含副标题列表的class
		 
		"dropdown", 	       //下级菜单的class
		
		5000			//停留时间(毫秒)
	);
	
};
</script>
</head>
<body>
<div id="top">
    <div id="logo"><a href="#"><img src="img/logo.png" alt="
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值