tab切2

function tabs(tabtit,tabcnt){
tabtit.each(function(index){
$(this).on(‘click‘,function(){
var tindex=index;
$(this).addClass(‘active‘).siblings().removeClass(‘active‘);
tabcnt.eq(tindex).show().siblings().hide();
});
});
}

//调用

tabs($(".act-tab a"), $(".act-zlist ul"));

时间: 2024-10-28 22:21:04

tab切2的相关文章

Jquery 实现点击tab切换页签

1.我将这个封装城了插件代码如下,你可以独立到一个js文件,然后页面引用下这个js文件: (function ($) { $.fn.extend({ qmTabs: function () { var aTabBodys = $('#tabs-body > div'); $(this).children("li").each(function (index) { $(this).click(function () { //alert(index); $(this).removeC

使用bootstrap简单制作Tab切换页

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid

Android 动态Tab分页效果

当前项目使用的是TabHost+Activity进行分页,目前要做个报表功能,需要在一个Tab页内进行Activity的切换.比方说我有4 个Tab页分别为Tab1,Tab2,Tab3,Tab4,现在的需求是需要将Tab1内的Activity动态切换.找了很多资料最终使用了 ActivityGroup解决了问题,在这过程中顺便尝试了一下使用Fragment+FragmentActivity+TabHost和 Fragment+FragmentActivity+ActionBar试图淘汰掉旧版的A

全屏弹出特效

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <link rel="shortcut icon" href="http://www.suning.com/favicon.ico" type="image/x-icon"> <meta http-equiv=&

cmder

cmder是一个软件包,它被创建出来代替极不满没有漂亮的控制模拟器的windows上. 包含git. 诚言,对于开发码字者,Mac和Linux果断要比Windows更贴心;但只要折腾下,Windows下也是有不少利器的.之前就有在Windows下效率必备软件一文中对此做了下记载:其虽没oh-my-zsh那么逆天的存在,却也甚是好用,至少要比Windows原生Cmd好出了天际.因为好用,所以"必备". Cmder 安裝 cmder Cmder官网http://cmder.net/(她把c

对target="framename"的理解(实现分页的demo)

先上图,说明一下我主要想实现什么功能. 一.演示图 演示首页: 演示内容页(包括按钮切换页+模板内容页): 演示首页到演示内容页的一个演变过程: 二.代码 演示首页代码: <div class="box"> <ul> <li> <img class="fl" src="images/img1.jpg" alt="" title=""/> <div cla

Visual Studio Code之常备快捷键

官方快捷键大全:https://code.visualstudio.com/docs/customization/keybindings Visual Studio Code是个牛逼的编辑器,启动非常快,完全可以用来代替其他文本文件编辑工具.又可以用来做开发,支持各种语言,相比其他IDE,轻量级完全可配置还集成Git感觉非常的适合前端开发. 所以我仔细研究了一下文档未来可能会作为主力工具使用. 主命令框 最重要的功能就是F1或Ctrl+Shift+P打开的命令面板了,在这个命令框里可以执行VSC

vscode: Visual Studio Code 常用快捷键

vscode: Visual Studio Code 常用快捷键 主命令框 F1 或 Ctrl+Shift+P: 打开命令面板.在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace 会进入到 Ctrl+P 模式 在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式 在 Ctrl+P 窗口下还可以: 直接输入文件名,跳转到文件 ? 列出当前可执行的动作 ! 显示 Errors或 Warnings,也可以 Ctrl+Shift+M : 跳转到行数,也可以 Ctrl

前端开发的一般流程

前端的开发过程中主要有以下流程: 编写代码->单元测试->检查语法->整合代码->生成文档->压缩代码->部署测试环境->测试->发布.产品最终的结果是原型图,而原型图可以理解为设计的草图设计师的结果是psd文件,他是很多个图层叠加在一起的结果,而前端的工作结果html页面,是把很多图层上的效果,有机的用html组织起来的过程.前端是把转化后html交给下游服务端开发工程师,或叫后台开发,这个html里边包括一些交互的js文件等.总的来说前端是一个承前启后的