首页 > 代码库 > Jquery控件superfish
Jquery控件superfish
<!DOCTYPE html>
<html>
<head>
<title>index.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" href=http://www.mamicode.com/"css/superfish.css" />
<link rel="stylesheet" href=http://www.mamicode.com/"css/superfish-navbar.css" />
<link rel="stylesheet" href=http://www.mamicode.com/"css/superfish-vertical.css" />
<script type="text/javascript" src=http://www.mamicode.com/"js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src=http://www.mamicode.com/"js/superfish.js"></script>
<script src=http://www.mamicode.com/"js/hoverIntent.js"></script>
<script type="text/javascript">
$(function() {
$("#example").superfish({
delay: 0,
animation: {opacity:‘show‘,height:‘show‘},
speed: ‘fast‘,
autoArrows: true,
dropShadows: true
});
});
</script>
</head>
<body>
<ul class="sf-menu" id="example">
<li class="current">
<a href=http://www.mamicode.com/"#">menu item 1
<ul>
<li>
<a href=http://www.mamicode.com/"#">menu item
</li>
<li class="current">
<a href=http://www.mamicode.com/"#">long menu item sets sub width
<ul>
<li class="current">
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li class="current"><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item 2
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item 3
<ul>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">short
<li><a href=http://www.mamicode.com/"#">short
<li><a href=http://www.mamicode.com/"#">short
<li><a href=http://www.mamicode.com/"#">short
<li><a href=http://www.mamicode.com/"#">short
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item 4
</li>
</ul>
</body>
</html>
<html>
<head>
<title>index.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" href=http://www.mamicode.com/"css/superfish.css" />
<link rel="stylesheet" href=http://www.mamicode.com/"css/superfish-navbar.css" />
<link rel="stylesheet" href=http://www.mamicode.com/"css/superfish-vertical.css" />
<script type="text/javascript" src=http://www.mamicode.com/"js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src=http://www.mamicode.com/"js/superfish.js"></script>
<script src=http://www.mamicode.com/"js/hoverIntent.js"></script>
<script type="text/javascript">
$(function() {
$("#example").superfish({
delay: 0,
animation: {opacity:‘show‘,height:‘show‘},
speed: ‘fast‘,
autoArrows: true,
dropShadows: true
});
});
</script>
</head>
<body>
<ul class="sf-menu" id="example">
<li class="current">
<a href=http://www.mamicode.com/"#">menu item 1
<ul>
<li>
<a href=http://www.mamicode.com/"#">menu item
</li>
<li class="current">
<a href=http://www.mamicode.com/"#">long menu item sets sub width
<ul>
<li class="current">
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li class="current"><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item 2
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item 3
<ul>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">short
<li><a href=http://www.mamicode.com/"#">short
<li><a href=http://www.mamicode.com/"#">short
<li><a href=http://www.mamicode.com/"#">short
<li><a href=http://www.mamicode.com/"#">short
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item
<ul>
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
<li><a href=http://www.mamicode.com/"#">menu item
</ul>
</li>
</ul>
</li>
<li>
<a href=http://www.mamicode.com/"#">menu item 4
</li>
</ul>
</body>
</html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。