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

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

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

基于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...