您的位置：首页 > Web前端 > JQuery

jquery入门1:简单收缩菜单

2007-09-10 10:30 579 查看
HTML代码:

<!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>

<title>Untitled Page</title>

<link rel="stylesheet" href="css.css" type="text/css">

<script src="jquery-1.1.4.js"></script>

</head>

</script>

<body>

<div class="menu1">

1

<div class="menu2" href="123.htm">1-1</div>

<div class="menu2" href="123.htm">1-2</div>

<div class="menu2" href="123.htm">1-3</div>

<div class="menu2" href="123.htm">1-4</div>

</div>

<div class="menu1">

2

<div class="menu2">2-1</div>

<div class="menu2">2-2</div>

<div class="menu2">2-3</div>

<div class="menu2">2-4</div>

</div>

<div class="menu1">

3

<div class="menu2">3-1</div>

<div class="menu2">3-2</div>

<div class="menu2">3-3</div>

<div class="menu2">3-4</div>

</div>

</body>

</html>

CSS代码:

代码很简单,我就不描述了//希望对jquery入门者有所帮助..
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航