一、原生JavaScript编写tab切换 二、jQuery编写tab切换 在用jQuery编写选项卡过程中，重要的事搞清楚 .eq() 和 .index() 的使用方法。 .eq()是jQuery遍历的一种方法，参数是元素的索引 .index() 。要注意index是基于0开始的；如果index为 ...
分类：
Web程序 时间：
2016-06-10 17:51:41
阅读次数：
276
CSS3 target 伪类不得不说那些事儿（纯CSS实现tab切换） CSS3 target 伪类不得不说那些事儿（纯CSS实现tab切换） 是不是觉得target有点眼熟?! 今天要讲的不是HTML的<a>标签里面有个target属性。 target伪类是css3的新属性。 说到伪类，对css属 ...
分类：
Web程序 时间：
2016-06-07 20:38:53
阅读次数：
142
html代码 <div class="tablist"> <ul class="tabmenu"> <li><a href="#tab1">标签一</a></li> <li><a href="#tab2">标签二</a></li> <li><a href="#tab3">标签三</a></li> < ...
分类：
Web程序 时间：
2016-06-05 18:41:09
阅读次数：
174
以前的tab切换，一般都是自己找网上的源代码，不知道含义，直接套，然后会有一些不知道的问题出现。 最近学习了jq（当然属于懒人的我，学习进度很慢），然后再工作中遇到了tab选项卡，所以决定自己写一个。 效果展示（没有美化）： 即当鼠标点击头部上面菜单时，底下相对应的div出现。 HTML: CSS: ...
分类：
其他好文 时间：
2016-06-04 14:50:05
阅读次数：
159
今天写的两个小效果都是为了测试我写的单参函数，结果还是有点成功的~~此处是不是想发表情包！ Tab效果很简单，这里我就不赘述了，直接上代码： html代码： css代码： js代码： 好啦，这个就可以多次调用啦~ 效果图！！ 这么丑大家就不要欣赏了，这个博文也主要不是突出样式的，大家可以根据自己喜欢 ...
分类：
其他好文 时间：
2016-06-03 18:52:57
阅读次数：
123
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="utf-8">
<title>TAB切换</title>
<scripttype="text/javascript"src="jQuery1.7.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
..
分类：
Web程序 时间：
2016-05-28 23:27:27
阅读次数：
199
<!DOCTYPEhtml>
<htmllang="en"class="no-js">
<head>
<metacharset="utf-8">
<title>TAB切换</title>
<scriptsrc="12.js"></script>
<linktype="text/css"rel="stylesheet"href="12.css">
<scriptlanguage="javascr..
分类：
其他好文 时间：
2016-05-28 23:26:17
阅读次数：
158
场景：tab切换，每个tab里用div放一个dataGrid,默认display:none隐藏，当display:'block'的时候,dataGrid会显示不全，仅显示一条线。解决方法：切换到当前tab的时候执行方法 $("#tableid").datagrid("resize");即可解决。 h ...
分类：
其他好文 时间：
2016-05-24 16:35:06
阅读次数：
199
效果体验：http://hovertree.com/texiao/js/27/效果图如下：代码如下： 转自：http://hovertree.com/h/bjaf/hovertreepanel.htm 效库汇总：http://www.cnblogs.com/roucheng/p/texiao.htm ...
分类：
Web程序 时间：
2016-05-21 12:55:37
阅读次数：
160
