Jquery控件superfish
来源:互联网 发布:js发送短信验证码 编辑:程序博客网 时间:2024/05/16 06:14
<!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="css/superfish.css" />
<link rel="stylesheet" href="css/superfish-navbar.css" />
<link rel="stylesheet" href="css/superfish-vertical.css" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script src="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="#">menu item 1</a>
<ul>
<li>
<a href="#">menu item</a>
</li>
<li class="current">
<a href="#">long menu item sets sub width</a>
<ul>
<li class="current">
<a href="#">menu item</a>
<ul>
<li class="current"><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">menu item 2</a>
</li>
<li>
<a href="#">menu item 3</a>
<ul>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">menu item 4</a>
</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="css/superfish.css" />
<link rel="stylesheet" href="css/superfish-navbar.css" />
<link rel="stylesheet" href="css/superfish-vertical.css" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script src="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="#">menu item 1</a>
<ul>
<li>
<a href="#">menu item</a>
</li>
<li class="current">
<a href="#">long menu item sets sub width</a>
<ul>
<li class="current">
<a href="#">menu item</a>
<ul>
<li class="current"><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">menu item 2</a>
</li>
<li>
<a href="#">menu item 3</a>
<ul>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">menu item 4</a>
</li>
</ul>
</body>
</html>
0 0
- Jquery控件superfish
- 设置superfish控件的宽度
- jQuery+Superfish制作下拉菜单
- jQuery+Superfish制作下拉菜单
- jQuery+Superfish制作下拉菜单
- jQuery+Superfish制作下拉菜单
- jQuery+Superfish制作下拉菜单
- Superfish
- Jquery 菜单插件之 Superfish jQuery菜单
- SuperFish一款基于jQuery的级联下拉菜单
- superfish.js
- superfish代码注释
- Superfish下拉菜单模块
- superfish的应用
- superfish插件基本使用
- jquery控件
- jquery 控件
- jquery 控件
- linux crond服务
- jquery 跳出each循环
- \r,\n与\r\n有什么区别?
- 【DP】poj 1159_Palindrome_201408041527
- SDL图像显示在MFC控件上
- Jquery控件superfish
- Mybatis下配置调用Oracle自定义函数返回的游标结果集
- POJ 3096 Surprising Strings(STL的set应用)
- FactoryBean与BeanFactory
- 一个能说明问题的js的原型 prototype的实例--简单易懂
- 使用预处理器进行调试
- Android-数据库Sqlite的创建,查询及在ListView显示
- jQuery学习笔记(一)
- 环保板材选哪个品牌