#导航

Vant 顶部导航栏【van-tabs】Bug

Vant顶部导航栏【van-tabs】Bug如果在外面包裹div控制显示隐藏会出现导航条不准确的bug代码<divclass="selWrap"v-show="showSelWrap"> <van-tabsv-model="active">   <v...

Vue 路由懒加载 和 路由导航守卫

在vue中,不使用懒加载的情况下,我们打包后的dist中会有2个文件夹.分别用于存放css 和 js,在js中,会生成3个js文件:  *代表生成的数字字母等1.app.******.js:  这个js存放的是我们的自己写的逻辑,业务等js代码2.manife...

模拟今日头条顶部导航菜单

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

基于html5顶部导航3D翻转展开特效

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

基于jQuery垂直多级导航菜单代码

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

基于jQuery鼠标悬停上下滑动导航条

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

纯CSS3悬停图标旋转导航动画代码

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

基于jQuery滑动分步式进度导航条代码

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

基于jQuery和CSS3超酷Material Design风格滑动菜单导航特效

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

基于jQuery动画二级下拉导航菜单

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

基于jquery的侧边栏分享导航

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

基于jQuery右侧带缩略图导航的焦点图

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

一款基于jQuery仿淘宝红色分类导航

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

纯css3实现的竖形二级导航

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

一款基于jquery和css3的响应式二级导航菜单

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