常用jsjavascript导航菜单图片切换手风琴弹出框切换标签_html实现菜单栏跳转不同资源-CSDN文库

共39个文件

js：20个

html：7个

css：7个

常用js

javascript

导航菜单

图片切换

手风琴

4星 · 超过85%的资源需积分: 16 179 浏览量 2011-08-18 14:42:48 上传评论收藏 1.32MB RAR 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源推荐

资源详情

资源评论

收起资源包目录

常用js.rar （39个子文件）

弹出框

dialog2

css

style.css 806B

images

jquery-1.4.2.min.js 70KB

event.js 108B

flash.js 4KB

jquery-ui-1.7.3.custom.min.js 188KB

index.html 2KB

dialog1

css

style.css 3KB

images

jquery-1.4.2.min.js 70KB

event.js 108B

flash.js 4KB

jquery-ui-1.7.3.custom.min.js 188KB

index.html 2KB

图片切换

css

style.css 852B

show.html 5KB

images

nomshow.png 347B

3.jpg 253KB

4.jpg 277KB

2.jpg 262KB

1.jpg 216KB

jquery-1.4.2.min.js 70KB

event.js 67B

导航菜单

二级导航

css

style.css 1KB

images

jquery-1.4.2.min.js 70KB

event.js 106B

flash.js 4KB

jquery-ui-1.7.3.custom.min.js 188KB

index.html 3KB

三级导航

css

style.css 1KB

images

jquery-1.4.2.min.js 70KB

event.js 108B

flash.js 4KB

jquery-ui-1.7.3.custom.min.js 188KB

index.html 9KB

手风琴

手风琴1

css

style.css 914B

images

jquery-1.4.2.min.js 70KB

index.html 2KB

tabs

tabs1

css

style.css 1KB

images

jquery-1.4.2.min.js 70KB

index.html 3KB

<!doctype html> <html lang="zh"> <head> <title>三级导航</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> </head> <body>  <div class="demo"> <nav> <div class="navWrap"> <div class="nav-lev1"> <div class="nav-lev1Title">首页</div> <div class="nav-lev2"> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> </div> </div> <div class="nav-lev1"> <div class="nav-lev1Title">服务</div> <div class="nav-lev2"> <div class="nav-lev2Box"> <div class="nav-lev2Title">服务二级</div> <ul class="navUl"> <li><a href="#">服务三级</a></li> <li><a href="#">服务三级</a></li> <li><a href="#">服务三级</a></li> <li><a href="#">服务三级</a></li> <li><a href="#">服务三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> </div> </div> <div class="nav-lev1"> <div class="nav-lev1Title">产品</div> <div class="nav-lev2"> <div class="nav-lev2Box"> <div class="nav-lev2Title">产品二级</div> <ul class="navUl"> <li><a href="#">产品三级</a></li> <li><a href="#">产品三级</a></li> <li><a href="#">产品三级</a></li> <li><a href="#">产品三级</a></li> <li><a href="#">产品三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> </div> </div> <div class="nav-lev1"> <div class="nav-lev1Title">关于</div> <div class="nav-lev2"> <div class="nav-lev2Box"> <div class="nav-lev2Title">关于二级</div> <ul class="navUl"> <li><a href="#">关于三级</a></li> <li><a href="#">关于三级</a></li> <li><a href="#">关于三级</a></li> <li><a href="#">关于三级</a></li> <li><a href="#">关于三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页二级</div> <ul class="navUl"> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> <li><a href="#">首页三级</a></li> </ul> </div> <div class="nav-lev2Box"> <div class="nav-lev2Title">首页�

评论收藏

内容反馈