今天给大家分享一款基于jquery固定于顶部的导航，这款导航当浏览器滚动条位于顶部时，导航高度较高，当浏览器滚动向下滚动时，导航高度自动减低，并位于顶部。效果图如下：在线预览   源码下载实现的代码：html代码：<divid="page"><divid="toolbar...

今天给大家分享一款基jquery超炫的动画导航菜单。这款导航菜单，初始时页面中间一个按钮，单击按钮，菜单从左侧飞入页中。再次单击按钮，导航飞入左侧消息。动画效果很非常炫。一起看下效果图：在线预览   源码下载实现的代码。html代码：<ul><li><ahre...

之前为大家介绍了好多导航菜单，今天给大家分享一款简洁的纯css3代码实现的动画导航。鼠标经过的时候以背景色以菱形渐变为长方形。效果图如下：在线预览   源码下载实现的代码。html代码：<divalign="center"style="background-color:#ee1d27...

之前为大家介绍了好几款响应式导航。今天再给大家带来一款纯css3实现的响应式导航。这款导航还有个响应式的搜索框。废话少说，直接上图：在线预览   源码下载实现的代码。html代码：<divclass="navbar"><aclass="brand"href="#">...

之前为大家介绍了好多导航菜单，今天给大家分享一款基于jquery的侧边栏导航。这款导航侧边滑出，适合放在手机网页或webapp。一看下实现的效果图：在线预览   源码下载实现的代码。html代码：<divstyle="position:relative;overflow:hidden...

之前为大家介绍了好几款导航菜单，今天要给大家带来一款纯css3实现的环形导航菜单。该导航比较新鲜，列表图标位于中间，单击列表图标的时候，各项分布于列表图表的四周。形成一个环形。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="container">...

之前为大家介绍了好几款导航菜单，今天为给大家再带来一款纯css3实现的动画加载导航。该导航出现的时候以动画的形式出现。效果图如下：在线预览   源码下载实现的代码。html代码：<ulclass="main-menu"><liclass="main-menu-itemac...

之前已为大家介绍了好多css3实现的导航菜单。今天分享一款基于jquery滑动后固定于顶部的导航。这款导航的特点是初始位于顶部下面一百个像素，当鼠标滚动时到下方，导航一直处于顶部。效果图如下：在线预览   源码下载实现的代码。html代码：<h1>Scrolldown</...

2014年响应式设计成为设计主流。今天要给大家带来一款由css3和jquery实现的响应式设计导航。当显示器为pc时，导航为横条。当客户端为移动端时，呈现坚形导航。我们一起看下效果图： 在线预览   源码下载 实现的代码。html代码：<header><...

之前为大家介绍了好几款导航菜单，今天再给大家带来一款css3实现的幽灵按钮式的导航菜单。导航界面非常好看。右侧是一个css3实现的动画消息图标。效果图如下： 在线预览   源码下载 实现代码：html代码：<header><nav><a&g...

之前为大家介绍了一款jquery和css3实现的很酷的菜单导航。这是一款由jquery开发的导航菜单。适合放在门户网站的个人用户中心后台。效果和美观都非常不错。我们先一起看看效果图： 在线预览   源码下载 一起看下实现的代码：html代码：<navclass="...

今天为大家带来的是jquery和css3实现的不错的导航菜单。点击列表图表后，内容页面向内移动显示菜单项。当单击关闭菜单按钮时，菜单项隐藏，内容页恢复原位。看下图 在线预览   源码下载 我们看下实现代码：html代码：<divstyle="position:re...

之前为大家介绍了好几款css3导航，今天为大家在介绍的是一款适合放在手机网页的导航菜单。点击列表图标以下拉式的形式显示菜单，单击关闭，动画关闭。效果相当不错。效果图如下： 在线预览   源码下载 这个实例由css3和依赖于jquery插件。下面是实现代码html代码：&...

顶部固定导航，，向上滚动的时候显示，，向下滚动的时候隐藏。类似新浪详细页效果...<scripttype="text/javascript">   varTop=92;   $(window).scroll(function(){ &nb...

分享一款基于jquery天猫分类导航banner切换。这是一款仿最新天猫商品分类导航控制banner图片切换代码。效果图如下：在线预览   源码下载部分代码：<divclass="yHeader"><divclass="yNavIndex"><divclass...