首页 > 代码库 > jQuery滑动导航菜单
jQuery滑动导航菜单
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<meta name="author" content="abangsir" />
<title>jQuery弹性滑动导航菜单</title>
<style type="text/css">
body{ font-family:"Microsoft YaHei";}
.lavalamp{ width:700px; float:right; position: relative;}
.lavalamp ul{ height: 35px; width: 100%; margin:17px 20px 0 0; position: absolute; z-index: 9999; overflow: hidden;}
.lavalamp ul li{ cursor: pointer; height: 35px; line-height:35px; font-size:20px; background: none; font-weight:bold; float:left; text-align: center;}
.lavalamp ul li a{ text-decoration: none; padding: 0 13px; text-align: center; display: block; background: none;}
.floatr {
position: absolute;
top: 15px;
width: 107px;
height: 40px;
border-radius : 8px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
background : rgba(0,0,0,.20);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
}
</style>
<script type="text/javascript" src=http://www.mamicode.com/"jquery-1.8.3.min.js"></script> >
jQuery滑动导航菜单
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。