<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>jQuery可折叠图标菜单 - 网页模板</title>
<link href="css/zzsc.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">$(document).ready(function(){$().navy({speed: 400,align: "right"});});</script>
</head>
<body>
<div class="content">
<div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in metus
at mauris cursus luctus ac non tellus. Nam hendrerit est at fringilla
ultricies. Vivamus malesuada erat lectus, quis sollicitudin est egestas
eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae;Morbi nisl risus, faucibus id nunc sollicitudin,
faucibus pretium erat. Etiam odio erat, faucibus id eleifend ut,
dignissim sit amet est. Nunc quam leo, laoreet non metus eu, tincidunt
volutpat leo. In dignissim magna vehicula, placerat purus a,
sollicitudin urna. Vestibulum dignissim lacus urna, ac tempor justo
fermentum in. </div>
<div class="navy red">
<div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in
metus at mauris cursus luctus ac non tellus. Nam hendrerit est at
fringilla ultricies. Vivamus malesuada erat lectus, quis
sollicitudin est egestas eget. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae;Morbi nisl
risus, faucibus id nunc sollicitudin, faucibus pretium erat. Etiam
odio erat, faucibus id eleifend ut, dignissim sit amet est. Nunc
quam leo, laoreet non metus eu, tincidunt volutpat leo. In dignissim
magna vehicula, placerat purus a, sollicitudin urna. Vestibulum
dignissim lacus urna, ac tempor justo fermentum in. </div>
<a class="brand" href="#">Navy</a><div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in
metus at mauris cursus luctus ac non tellus. Nam hendrerit est at
fringilla ultricies. Vivamus malesuada erat lectus, quis
sollicitudin est egestas eget. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae;Morbi nisl
risus, faucibus id nunc sollicitudin, faucibus pretium erat. Etiam
odio erat, faucibus id eleifend ut, dignissim sit amet est. Nunc
quam leo, laoreet non metus eu, tincidunt volutpat leo. In dignissim
magna vehicula, placerat purus a, sollicitudin urna. Vestibulum
dignissim lacus urna, ac tempor justo fermentum in. </div>
<ul class="menu">
<div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
in metus at mauris cursus luctus ac non tellus. Nam hendrerit
est at fringilla ultricies. Vivamus malesuada erat lectus, quis
sollicitudin est egestas eget. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae;Morbi
nisl risus, faucibus id nunc sollicitudin, faucibus pretium
erat. Etiam odio erat, faucibus id eleifend ut, dignissim sit
amet est. Nunc quam leo, laoreet non metus eu, tincidunt
volutpat leo. In dignissim magna vehicula, placerat purus a,
sollicitudin urna. Vestibulum dignissim lacus urna, ac tempor
justo fermentum in. </div>
<li class="active"><a href="#"><i class="icon-home"></i>home</a></li><div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
in metus at mauris cursus luctus ac non tellus. Nam hendrerit
est at fringilla ultricies. Vivamus malesuada erat lectus, quis
sollicitudin est egestas eget. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae;Morbi
nisl risus, faucibus id nunc sollicitudin, faucibus pretium
erat. Etiam odio erat, faucibus id eleifend ut, dignissim sit
amet est. Nunc quam leo, laoreet non metus eu, tincidunt
volutpat leo. In dignissim magna vehicula, placerat purus a,
sollicitudin urna. Vestibulum dignissim lacus urna, ac tempor
justo fermentum in. </div>
</li>
<li><a href="#"><i class="icon-rocket"></i>services</a><div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
in metus at mauris cursus luctus ac non tellus. Nam hendrerit
est at fringilla ultricies. Vivamus malesuada erat lectus, quis
sollicitudin est egestas eget. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae;Morbi
nisl risus, faucibus id nunc sollicitudin, faucibus pretium
erat. Etiam odio erat, faucibus id eleifend ut, dignissim sit
amet est. Nunc quam leo, laoreet non metus eu, tincidunt
volutpat leo. In dignissim magna vehicula, placerat purus a,
sollicitudin urna. Vestibulum dignissim lacus urna, ac tempor
justo fermentum in. </div>
<ul>
<div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec in metus at mauris cursus luctus ac non tellus. Nam
hendrerit est at fringilla ultricies. Vivamus malesuada erat
lectus, quis sollicitudin est egestas eget. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae;Morbi nisl risus, faucibus id nunc
sollicitudin, faucibus pretium erat. Etiam odio erat,
faucibus id eleifend ut, dignissim sit amet est. Nunc quam
leo, laoreet non metus eu, tincidunt volutpat leo. In
dignissim magna vehicula, placerat purus a, sollicitudin
urna. Vestibulum dignissim lacus urna, ac tempor justo
fermentum in. </div>
<li><a href="#">dropdown item</a></li><div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec in metus at mauris cursus luctus ac non tellus. Nam
hendrerit est at fringilla ultricies. Vivamus malesuada erat
lectus, quis sollicitudin est egestas eget. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae;Morbi nisl risus, faucibus id nunc
sollicitudin, faucibus pretium erat. Etiam odio erat,
faucibus id eleifend ut, dignissim sit amet est. Nunc quam
leo, laoreet non metus eu, tincidunt volutpat leo. In
dignissim magna vehicula, placerat purus a, sollicitudin
urna. Vestibulum dignissim lacus urna, ac tempor justo
fermentum in. </div>
</li>
<li><a href="#">dropdown item</a></li><div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec in metus at mauris cursus luctus ac non tellus. Nam
hendrerit est at fringilla ultricies. Vivamus malesuada erat
lectus, quis sollicitudin est egestas eget. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae;Morbi nisl risus, faucibus id nunc
sollicitudin, faucibus pretium erat. Etiam odio erat,
faucibus id eleifend ut, dignissim sit amet est. Nunc quam
leo, laoreet non metus eu, tincidunt volutpat leo. In
dignissim magna vehicula, placerat purus a, sollicitudin
urna. Vestibulum dignissim lacus urna, ac tempor justo
fermentum in. </div>
</li>
<li><a href="#">dropdown item</a><div class="ahfkah" style="display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec in metus at mauris cursus luctus ac non tellus. Nam
hendrerit est at fringilla ultricies. Vivamus malesuada erat
lectus, quis
jQuery可折叠图标菜单 jQuery可折叠图标菜单网页特效.zip （8个子文件） 
jQuery可折叠图标菜单 jQuery可折叠图标菜单网页特效 jiaoben1201 css 
zzsc.css 19KB font fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB fontawesome-webfont.ttf 77KB font-awesome.css 27KB
index.html 15KB js easing.js 3KB jquery-1.10.1.min.js 91KB资源评论
