最近公司需要写自己的微信小程序，正好可以利用这个机会接触一下微信小程序，今天自己写了一个模仿今日头条的导航，算是对几个小的知识点的整合吧。完成之后的效果图就是这样的，在首页页面里，点击上面的菜单栏，下面的内容会根据上面而变化，在下面的内容部分，因为内容多少不确定，设置成了可以滚动的。因此，为了实现上面的效果，我们需要用...

基于html5顶部导航3D翻转展开特效是一款基于jQuery+HTML5实现的3D翻转网站导航菜单代码。效果图如下：在线预览    源码下载实现的代码。html代码：<headerclass="cd-header"><ahref="#0"class="cd-lo...

基于jQuery垂直多级导航菜单代码是一款黑色风格的jQuery竖直导航菜单特效下载。效果图如下：在线预览    源码下载实现的代码。html代码：<ulclass="ce"><li><aclass="xz"href="#">目录A</a...

基于jQuery鼠标悬停上下滑动导航条。这是一款蓝色好看的鼠标响应式网站导航菜单特效。效果图如下：在线预览    源码下载实现的代码。html代码：<divid="menu2"class="menu"><ul><li><ahref="#"...

分享一款纯CSS3悬停图标旋转导航动画代码。这是一款鼠标移到图标上动画旋转显示导航菜单。效果图如下：在线预览    源码下载实现的代码。html代码：<divid="x_contant"><aclass="xzt1"href="#"><imgsrc=...

分享一款基于jQuery滑动分步式进度导航条代码。这是一款基于jquery实现的网站注册动态步骤导航条代码。效果图如下：在线预览    源码下载实现的代码。html代码：<divid="stepBar"class="ui-stepBar-wrap"><divcl...

分享一款效果非常炫酷的谷歌MaterialDesign风格jQuery和CSS3滑动选项卡特效。该选项卡特效集合了扁平风格设计和按钮点击波特效。是一款设计的非常不错的MaterialDesign风格作品。效果图如下：在线预览    源码下载实现的代码。hmtl代码：<div...

春节回来给大家分享一款基于jQuery动画二级下拉导航菜单。鼠标经过的时候以动画的形式出现二级导航。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="nav_main"><divclass="inner1"><divclass="in...

今天给大家分享一款基于jquery的侧边栏分享导航。这款分享钮一直固定于左侧，鼠标经过的时候凸出显示，这款分享按钮适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。在线预览   源码下载实现的代码。html代码：<divclas...

今天我们要来分享一款右侧带缩略图导航的jQuery焦点图插件，这款jQuery焦点图插件的特点是右侧有一列缩略图导航列表，并且可以定义任意数量的图片，你可以拖动列表来查看所有的图片，点击缩略图后，即可实现图片的上下切换动画。在线预览   源码下载实现的代码。html代码：<divid...

今天给大家分享一款基于jQuery仿淘宝红色分类导航。这款分类导航适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="nav"><divcla...

之前为大家分享了好多导航菜单。今天给大家带来一款纯css3实现的竖形二级导航。这款导航菜单可以是无限级。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divstyle="width:700px;margin:auto;"><divclass="W1-h...

今天给大家分享一款基于jquery和css3的响应式二级导航菜单，这款导航是传统的基于顶部，鼠标经过的时候显示二级导航，还采用了当前流行的响应式设计。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="header"><divclass="logo...

今天给大家分享一款纯css实现的漂亮导航。之前为大家分享过jquery实现的个人中心导航菜单，今天这款也是适合放在个人中心。还带来图标，效果不错。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass="l-main"><divclass="m...

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