tab切换

cube-ui 移动端滑动效果

移动端，常见的tab切换效果比较多，今天，我就用cube-ui，这个移动端非常火的UI框架来实现。
小秋的漫漫人生路·2020-08-17 23:45

swiper简单使用

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
lingongheng·2020-08-17 23:59

微信小程序 滚动选项卡 swiper高度自适应

那就给scroll-view计算一下高度wxml{{item.text}}{{item.name}}卡号：{{item.time}}{{item.list}}js中data:{//tab切换currentTab
Treasure girl1·2020-08-17 20:41

markdown学习day02

ctrl+a全选ctrl+x剪切ctrl+z撤销ctrl+s保存alt+F4关闭窗口shift+delete永久删除windows+e打开我的电脑ctrl+shift+esc打开任务管理器windows+Tab
xiaoxiansheng98·2020-08-17 20:35

echarts设置之stack参数

今天遇到一个问题，就是我是一个tab切换的各种图表，但是获取得到的数据是正确的，我自己分装了一个函数，函数如下：functionsetEcharts(box,obj){varoptionZhe={tooltip
maybe28·2020-08-17 19:08

纯CSS3运用:target伪类元素做tab切换

自己用这个属性做了一个纯CSS的tab切换效果，发现还不错。（不过这个适合数量很少并且固定个数的tab切换，为了方便遍历的话，建议还是使用JS。）
小范&范范·2020-08-17 18:05

TabLayout 踩坑之 onTabSelected没有被回调的问题

一、问题描述最近项目中有个需求：一个页面顶部有3个tab,每一个tab分别展示一个不同的页面，点击tab切换到对应页面。进入页面是默认选中第一个页面。这不很简单的一个需求嘛？
林伟茂·2020-08-17 16:21

jquery实现有过渡效果的tab切换

本文实例为大家分享了jquery实现tab切换的具体代码，供大家参考，具体内容如下效果：代码：ul,li{list-style:none;margin:0;padding:0;}.tabBox{width
·2020-08-17 09:28

JavaScript Tab切换

实现按钮点击切换（1）HTML布局MondayTuesdayWednesdayLifeisalwayssowecoveredalloverwithcutsandbruises,butlater,theinjuredareawillbecomethestrongplace.Booksarethesteppingstonestohumanprogress.Alwaysbearinmindthatyou
Lo-ra·2020-08-17 07:46

08-tab切换案例实现

*{margin:0;padding:0;}ul{list-style-type:none;}.box{width:400px;height:300px;border:1pxsolid#ccc;margin:100pxauto;overflow:hidden;}.hd{height:45px;}.hdspan{display:inline-block;width:90px;background-c
臭肉与骨头·2020-08-17 07:49

巧用css实现无js的tab切换

tab切换一直是页面之中主要的结构，最近在写vue的spa项目，想到可不可以不用href和js做控制，实现纯css和html的tab切换。
weixin_34381687·2020-08-17 06:07

tab切换-自动、点击、内容变换

宝业大和工业化住宅制造有限公司第一次董事会顺1234body{}/*基本设置*/body{margin:0;padding:0;font-size:12px;font-family:Arial,"宋体";backgorund:#fff;}/*文档清零,字体,字号,背景设置.*/div,ul,li,p,form,h1,h2,h3,h4,h5,input,dl,dt,dd,fieldset,table
weixin_30484739·2020-08-17 06:25

jQ实现tab切换效果

实现效果：不同导航对应切换到不同的区域思路：导航一般用ul列表，对应区域用div,这样实现比较方便；导航高亮的时候，其他兄弟li标签的样式为默认样式；高亮导航对应区域div显示（display:block;）的时候，其他兄弟div标签为隐藏（display:none;）;ul的子元素li个数的个数应该和.oDiv下面的div个数相同，且一一对应；知识点：$(this).index();//获取li
西风XF·2020-08-17 06:58

tab切换案例

*{margin:0;padding:0;}ul{list-style-type:none;}.box{width:400px;height:300px;border:1pxsolid#ccc;margin:100pxauto;overflow:hidden;}.hd{height:45px;}.hdspan{display:inline-block;width:90px;background-c
喵_美·2020-08-17 06:21

js实现简单的tab切换案例

效果如下每点击就切换相应的页面/*css*/html,body,div,ul,li{padding:0;margin:0;}ul{list-style:none;}body{padding:100px;}.tab.tab-h{height:30px;width:500px;position:relative;z-index:2;}.tab.tab-h.tab-h-item{float:left;b
danli_·2020-08-17 06:42

javaScript实例：tab切换效果

我们平时经常会用到tab切换的效果，如下图：这个效果很常见，用js就可以实现。
new_codeer·2020-08-17 05:26

tab切换小案例及小知识总结

Titlebody{marign:0px;padding:0px;background:#F7F7F7;}.tabs{width:400px;margin:30pxauto;background-color:#FFFFFF;border:1pxsolid#C0DCC0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizi
爱上喝水的女孩·2020-08-17 05:06

原生JS实现tab切换--web前端开发

tab切换非常常见，应用非常广泛，比较实用，一般来说是一个网站必不可少的一个效果。
a545415·2020-08-17 05:56

当数据量较大时，两个tab切换的效率问题

当数据量较大时，两个tab切换的效率问题接下来只比较两种方式的效率只在html页面操作ng-init="flag=true";ng-click="flag=!
IT_wanghe·2020-08-16 23:05

Linux学习笔记——（二）实用指令

系统的运行级别配置文件：/etc/inittab切换到指定运行级别的指令：init[012356]（注意没有4）案例：通过init切换不同的应用
Xzreal_dlut·2020-08-16 17:48

130个免费 微信小程序源码分享

战绩查询Railay：整体框架TCP,IP长连接cnode社区版dribbblegankleantodumovecss效果redux绑定todolistv2ex一个（仿）一元夺宝主页设计万年历下拉刷新，tab
tonygellq·2020-08-16 14:50

前端与移动开发---菜鸟进阶计划001

一、几个之前不常用的快捷键：（人生如戏，该装逼装逼）Ctrl+Z撤销Ctrl+Y还原上一个操作Win+E打开资源管理器Alt+tab切换程序Win+D切换到桌面Win+R打开运行窗口（notepad记事本
小文艺_·2020-08-16 08:59

web全栈的进阶之路：HTML

一.特殊键及快捷键ctrl控制shift换挡用shift切换大小写Alt调整tab切换Alt+tab两个文档来回切换Alt+f4关闭程序f2重命名f5刷新ctrl+z撤销ctrl+N新建Windows+
雪玺·2020-08-16 07:17

Vue-cli 引入Swiper

能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。使用简单、功能强大，是架构移动终端网站的重要选择！
purpleyou·2020-08-16 01:15

uni-app 顶部tab切换菜单 顶部可滑动切换菜单

顶部tab切换菜单（都是最基础的）第一种卡片切换demo.vue自选全部jsexportdefault{data(){return{current:0}},methods:{clickTab(cur){
zhongli_·2020-08-15 20:08

ionic4自定义tabs导航栏（一）

在ionic4项目中，使用ionicstartmyApptabs可以新建自带tab切换，但是更多时候我们想自定义tab切换，自定义项目目录结构。
yw00yw·2020-08-15 20:25

小程序顶部tab切换

首先我们看效果接下来是wxml部分代码{{item}}aaabbbcccwxss部分代码/*页面背景色*/page{background:rgba(247,247,247,1);}.nav_tab{width:702rpx;margin:20rpxauto;height:100rpx;display:flex;background:#fff;border-radius:10rpx;flex-dir
康康桑思密达·2020-08-15 20:50

微信小程序 swiper 滑动tab切换

话不多说，很简单直接上代码吧{{item}}全部审核中未通过已通过//index.js//获取应用实例constapp=getApp()Page({data:{arr:['全部','审核中','未通过','已通过'],currentTab:0,winHeight:''},onLoad(){varthat=thiswx.getSystemInfo({success:function(res){con
前端_李嘉豪·2020-08-15 20:46

angular 4 实现的tab栏切换

管理系统tab切换页，是一种常见的需求，大概如下：点击左边菜单，右边显示相应的选项卡，然后不同的选项卡面可以同时编辑，切换时信息不掉失！
第八个猴子·2020-08-15 19:25

微信小程序 导航tab切换，跟随滚动置顶

全部{{item.categoryName}}这是内容.small_nav{width:100%;background:#fff;font-size:26rpx;margin-bottom:20rpx;}.small_nav_scroll{display:flex;height:80rpx;line-height:80rpx;flex-direction:column;flex-wrap:wrap
weixin_30340745·2020-08-15 19:16

ionic2 tab切换控制

一、ion-tabs ion-tabs上有ionchange事件，每次界面切换都会调用这个函数二、ion-tabion-tab里面没有click事件，这对于一些业务处理很不方便。例如点击底部的tab导航，如果用户没有登入，那么跳转到登入界面，虽然可以在ion-tabs的iochange事件里面写，但是这样会先切换到ion-tab对应的那个界面，再跳转到登入界面，这样体验很不好。因为公司有这个需求，
迷茫的虫虫·2020-08-15 19:52

小程序顶部tab切换，分享朋友遮罩

/*页面背景*/page{/*overflow-y:hidden;*/background-color:#fff;}/**顶部tab切换样式*/.navbar{position:fixed;top:0;
菜鸟老五·2020-08-15 19:06

小程序之利用swiper做tab切换

不知道怎么弄一个这样的gif图片，所以从网上盗了一张项目需求就是要实现一个这样的效果首先分析一下实现这样的效果都需要哪些部分1、可以滑动的标签[‘健康’,’情感’,’职场’,’育儿’,’纠纷’….]，这里用小程序提供的组件scroll-view2、可以滑动的内容模块，用小程序的组件swiper3、关联这两个模块{{item}}0}}"height="{{auto}}">{{itemPosition
ygman·2020-08-15 19:27

vue tab切换 （动态数据切换）

前几天刚开始使用vue做项目，然后自己就在项目中摸索写了一个tab切换的小dome，仿淘宝订单状态的tab切换。
FXZ_小智·2020-08-15 18:43

微信小程序swiper进行滑动Tab切换

wxml关注列表专题Page1Page2wxss/*pages/info/homePage/index.wxss*/.flex-row{height:120rpx;background-color:#3a94e9;display:flex;flex-direction:row;justify-content:center;align-items:center;}/*按钮默认状态下属性*/.flex
Dragonfly Fly·2020-08-15 18:56

微信小程序学习笔记四（持续更新）---征服scroll-view下拉刷新

贴图大概实现这种使用swiper做tab切换，数据页面下拉刷新的效果。
ankuaji8631·2020-08-15 18:51

用原生js制作简单轮播图、tab切换

轮播效果三种轮播效果：图片自动轮播、鼠标点击左右轮播、任意点击轮播第一步：规定大框并引入图片，将图片包裹在一个很宽的div中，且设置初始的偏移量为0px；第二步：规定左右点击的箭头<>第三步：用js写功能效果//1.页面加载完成的时候执行里面的定时器//首先进行关联(一般id的都给关联起来)window.onload=function(){varcontainer=document.g
yidanY·2020-08-15 13:21

jQuery中的事件与动画

网页中的事件：和WinForm一样，在网页中的交互也是需要事件来实现的，例如tab切换效果，可以通过鼠标单击事件来实现jQuery中的事件：{jQuery事件是对JavaScript事件的封装，常用事件分类基础事件
苏凉柒·2020-08-15 11:02

小程序tabBar右上角添加角标

小程序可以在pages.json中使用tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页。
樊小书生·2020-08-15 10:25

实现：关闭浏览器前，刷新浏览器前，切换浏览器tab，最小化浏览器等骚操作向后台发送请求

tab切换的实现：监听窗口（在失去焦点时触发）；有一个问题：不能把这个全局事件移除document.addEventListener('visibilitychange',function(){//浏览器切换事件
Bel_Ami同学·2020-08-15 01:12

品优购day03

修改2.3列表页主体盒子sk_container2.4sk_goods布局2.5分页条2.6获得焦点一、首页制作1.1楼层区floor不要给高度，根据内容，动态计算1.2家用电器模块box-hd：里面有tab
诸葛亮晶晶·2020-08-15 01:38

Element-UI使用篇——el-tab的使用+样式修改集锦

目录一、功能篇1.1、手动切换tab二、样式篇2.1、修改tab项的样式（包括头与内容）2.2修改tab页面内容2.3修改tab表头2.4修改激活表头样式2.5修改鼠标移动到表头时候的样式el-tab是tab
小湾生产队队长·2020-08-14 23:56

echarts图表自适应，容器宽度设置为百分数，但是图表显示不全，缩到一起

问题如下：在tab切换的时候发现第二个tab页面的图表显示不全，缩到了一起。
queena~不一样的烟火·2020-08-14 17:19

RecyclerView的曝光统计

产品需求中我们经常会有统计recyclerView的每个item的曝光需求：recyclerView上下滚动每个item从不可见进入到屏幕可见范围（这里包含item的可见范围，还有item的曝光时长）在tab
Mo_mo???·2020-08-14 16:03

JavaSE01

windows常用快捷方式快捷键winalt+f4关闭窗口shift+delete永久删除，不进入回收站ctrl+x剪切win+E我的电脑ctrl+shift+esc任务管理器win+tab切换框口打开
study_litle_by_litle·2020-08-14 12:31

关于使用bootstrap时踩到的一个坑(tab切换没有出现效果)

第一次写博客，想养成一个写博客的习惯，主要是想记录一下平时遇到的一些有趣的问题，没事可以复习复习，还可以分享给有需要的大家。好了，进入正题。前几天使用bootstrap的导航标签页时遇到了个问题：首先，第一个tab按钮和第一个tabcontent部分是默认激活状态的。当我点击第二个tab按钮时就第二个tabcontent可以正常显示。但是，当我再次切换回第一个tab按钮时，没有效果。查看了一下文档
码在当下·2020-08-14 07:46

tab切换，居中，今日头条点击可居中导航

tab切换，居中，今日头条点击可居中导航原创地址@http://bbs.swiper.com.cn/forum.php?
weixin_45162984·2020-08-13 22:51

vue-cli中单独设置body页面背景颜色

又见面了，今天用vue练习项目，遇到一个问题迟迟不能解决，因为对这个框架确实也不太熟悉，问在这里插入代码片题描述：问题1：vue-cli结合mint-ui框架，在用到tab切换时，需求是点击导航按钮时要切换页面
小小蝙蝠侠·2020-08-13 15:05

win10常用快捷键小结

快捷键作用Alt+Tab切换窗口Win+D快速显示桌面，将所有的窗口最小化Win+E打开资源管理器Win+L一键锁屏Win+Ctrl+→/←一键切“虚拟Win+S一键搜索Win+R调出运行对话框Win+
非鱼子焉·2020-08-13 11:34

echarts图表自适应，容器宽度设置为百分数，但是图表显示不全，缩到一起

文章转载：https://blog.csdn.net/liuminyi1987/article/details/79653737问题如下：在tab切换的时候发现第二个tab页面的图表显示不全，缩到了一起
张大晴·2020-08-12 18:05
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他