booststrap标签页的tab切换，相信大家已经都很熟悉了，在boot官网示例以及其他网站已经很多罗列相关代码的了，这里就不赘述了。这里主要贴下让boot标签页默认显示哪个标签页的js.主要留作自己工作备忘。1$(‘a[data-toggle="tab"]‘)
2$(‘#myTaba[href="#profile"]‘).tab(‘show‘)..
分类：
Web程序 时间：
2017-02-17 01:02:35
阅读次数：
480
产品经理下达任务——ui作图——前端根据ui的图做效果——与后台人员交流 工作中的流程： 早上开早会，产品经理下达命令，讲述昨天完成任务，今日目标。 关于项目中的介绍，一般有工作经验的人，常用的动态效果都会自己封装一个插件。 比如说图片轮播，翻页，tab切换页面。 移动端的项目，用***js做的，用 ...
分类：
其他好文 时间：
2017-02-09 18:38:39
阅读次数：
303
前面的话 导航条Tab在页面中非常常见，本文说详细介绍CSS实现导航条Tab的三种方法 布局 根据上图所示，先规定几个定义，上图的模块整体叫做导航，由导航标题和导航内容组成。要实现上图所示的布局效果，有两种布局方法：语义布局和视觉布局 【语义布局】 从语义布局的角度来看，每一个导航标题和其对应的导航 ...
分类：
Web程序 时间：
2017-02-04 18:40:07
阅读次数：
345
前面的话 导航条Tab在页面中非常常见，本文说详细介绍CSS实现导航条Tab的三种方法 布局 根据上图所示，先规定几个定义，上图的模块整体叫做导航，由导航标题和导航内容组成。要实现上图所示的布局效果，有两种布局方法：语义布局和视觉布局 【语义布局】 从语义布局的角度来看，每一个导航标题和其对应的导航 ...
分类：
Web程序 时间：
2017-01-15 21:23:50
阅读次数：
317
布局方式： 上代码： 1 <!doctype html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>tab导航</title> 7 </head> 8 9 <style> 10 .box { 11 margin: 300px auto ...
分类：
Web程序 时间：
2017-01-14 17:34:12
阅读次数：
218
1.一个小程序文件最基本包含app.js、app.json、app.wxss和pages文件夹结构，pages中的页面必须要在app.json的pages项进行配置，app.json也提供窗口表现，tab切换的具体配置。参考https://mp.weixin.qq.com/debug/wxadoc/ ...
分类：
微信 时间：
2017-01-13 07:48:35
阅读次数：
355
<script> var oUL = document.getElementById('aboutTab-ul'); var oLi = oUL.getElementsByTagName('li'); var oDiv = document.getElementById('aboutTab-cont ...
分类：
其他好文 时间：
2017-01-07 15:24:05
阅读次数：
163
上次的tab切换的代码里面有很多重复的代码，需要做做优化，把重复的代码用函数封装起来调用。 优化前： 优化后： 代码中三处重复的for循环清除 className display的属性，和下面给当前索引添加属性，所以需要把他们封装成函数，但是三处也不是全部一样，索引的值不同，可以给封装的函数chan ...
分类：
其他好文 时间：
2016-11-22 03:06:30
阅读次数：
197
ta切换是在前端中非常常见的一种效果，网上的效果很多。但是我觉得下面这种方法最好，把tab效果封装成一个函数 tabs，这个函数要配合jq使用。 ...
分类：
其他好文 时间：
2016-11-19 12:52:26
阅读次数：
145
