js展开菜单效果（一）

最新推荐文章于 2025-08-08 15:09:26 发布

原创

最新推荐文章于 2025-08-08 15:09:26 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了使用JavaScript创建点击展开菜单效果以及展示广告并自动关闭的实现方法。作者提到，虽然使用动画或jQuery/CSS3会更加简便，但掌握多种技术总是有益的。

前言：
废话不多说了，内容很简单。一个是点击展开效果，一个是展示广告然后定时关闭效果。后续写一个JD的二级菜单展示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset = UTF-8>
<title>test</title>
<script>
</script>
<style type="text/css" rel = "stylesheet">
  body{
    margin:0;
    padding: