首先我用Jquery库实现了一个简单的效果， 只需要点击上面的导航标签即可切换下方内容，Html代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>tab切换</title> <style type=" ...
分类：
其他好文 时间：
2016-08-25 21:12:56
阅读次数：
681
前两种主要实现一个选项卡的切换，第三种使用闭包看书，构造函数实现多个选项卡的切换： 1.第一种实现实现效果为： 实现代码为： 2.第二种实现效果为： 主要实现代码如下： 3. 第三种实现效果为： 在第二种实现方式的基础上,实现多个选项卡的切换，使用了闭包函数 主要实现代码： ...
分类：
Web程序 时间：
2016-08-16 21:55:09
阅读次数：
195
js简易日历中设计的知识点：选项卡切换 数组 innerHTML 连接符 与选项卡的区别：div的个数不同 连接符中需要注意的：(优先级) "abc"+12+3+"def" 结果：abc123def "abc"+(12+3)+"def" 结果：abc15def html代码： css代码： js代码 ...
分类：
Web程序 时间：
2016-07-15 13:04:00
阅读次数：
138
<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(document).ready(function(){ jQ ...
分类：
其他好文 时间：
2016-06-15 15:53:11
阅读次数：
159
选项卡切换在做网页的时候经常会用到，以往都是用JQ来实现，代码简单易懂，今天用原生的js实现了一下，二者还是有很大不同的，可以对比一下代码来研究一下。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <scri ...
分类：
Web程序 时间：
2016-06-14 11:28:01
阅读次数：
159
效果：http://hovertree.com/texiao/jquery/71/代码如下： 转自：http://hovertree.com/h/bjaf/n781jmfy.htm 特效汇总：http://www.cnblogs.com/roucheng/p/texiao.html ...
分类：
其他好文 时间：
2016-05-29 12:09:26
阅读次数：
231
/*下面是景点页面的变动代码*/
.tabbox{
height:176px;
padding-bottom:10px;
}
.tabmenu{
height:25px;
background:url(../imges/scenery_04.jpg)rightno-repeat;
}
.tabmenuul{margin:0;padding:0;list-style-type:none;
border-bottom:solid1px#816e59;
heig..
分类：
Web程序 时间：
2016-05-28 23:30:17
阅读次数：
567
<!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
