jQuery实现级联菜单（仿淘宝首页）

最新推荐文章于 2021-04-10 15:33:19 发布

VIP文章 zzjmay

最新推荐文章于 2021-04-10 15:33:19 发布

阅读量3k

点赞数

文章标签：淘宝级联菜单 jQuery menu

本文链接：https://blog.csdn.net/zzjmay/article/details/23114745

版权

相信初学HTM+DIV+CSSl的同学们肯定也想做出淘宝网首页的菜单动画吧。今天我们就带大家体会一下级联菜单的显示。小编我只是实现了简单地效果，不过总体来说原理是一样的哦，那么先让大家看看效果图吧。

那么要实现这个效果我们当然要使用到的是jQuery,那么我就开始讲解怎么做的了，先上html和css的代码

<!DOCTYPE html>
<html>
<head>
<title>menu.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="../css/menu.css">
    <script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="../js/menu.js"></script>

</head>

<body>
	<