Tab 防刷新
今天发现项目中有个小毛病，就是tab老是刷新，就上网Copy了一份防止刷新的Tab例子，谢咯。
贴上来参考一下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="../Style/StyleLightBlue/css/hrms.css" rel="stylesheet" type="text/css" />
<link href="../Style/StyleLightBlue/css/table.css" rel="stylesheet" type="text/css" />
<script src="../Style/jquery/jquery.js" type="text/javascript"></script>
<script src="../Style/jquery/Basic.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function () {
$("div.tab").hide(); //隐藏所有
$("div.tabs a:first").addClass("current"); //第一个元素选中
$("div.tab:first").show(); //第一个内容显示 $("div.tabs a").click(function () {
$("div.tabs a").removeClass("current"); //将所有的tab去掉current样式
$(".tab").hide(); //隐藏所有
$(this).addClass("current");
var activeTab = $(this).attr("href"); //获取div
$(activeTab).show();
});
});
</script>
<style type="text/css">
.tabs
{
list-style: none;
width: 400px;
height: 23px;
}
.tabs a
{
display: block;
float: left;
padding: 2px 3px;
background: #eff7ff;
text-decoration: none;
margin-right: 2px;
}
.tabs a.current
{
background: #a1c6de;
color: #000;
}
.tab
{
display: block;
width: 400px;
height: 300px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="tabs">
<a href="#xiangmu">信息录入</a>
<a href="#kehu">信息管理</a>
</div>
<div id="xiangmu" class="tab" >
信息录入
</div>
<div id="kehu" class="tab" >
信息管理
</div>
</div>
</form>
</body>
</html>
Tab 防刷新的更多相关文章
- spring boot 学习(九)小工具篇：？秒防刷新
注解 + 拦截器:?秒防刷新 小工具篇:工具许多都是我以前在 github 之类开源平台找到的小工具类,作者的信息什么的许多都忘了.先说声不好意思了.若有相关信息,麻烦提醒一下~ 解释 所谓的?秒防刷 ...
- 微信小程序redirect 到tab不刷新
// 更新2018/11/20:现在小程序的页面栈长度为10 更正 2018/11/20: 经过一段时间的实践,我发现以前方法存在很多问题,比如 getCurrentPages 方法并不在官方的 AP ...
- java_WEB开发 防刷新
客户端处理: 面对客户端我们可以使用Javascript脚本来解决,如下 1.重复刷新.重复提交 Ways One:设置一个变量,只允许提交一次. <script language=" ...
- JS实现 页面提交防刷新等待提示
//关闭等待窗口 function closediv() { //Close Div document.body.removeChild(document.getElementById("b ...
- js防刷新的倒计时
近期在维护考试系统,在进行考试測试时无意中点击了刷新button.可是上面的倒计时并没有受到影响.同一时候在几篇博客中也有这种样例,所以我想看看它究竟是如何防止刷新的. 假设是用cs代码写.我们可能会 ...
- 防刷新jq左侧滚动条导航展示
html代码: <div class="fangchan_navcont"> <div class="fangchan_nav" ...
- Pjax.js防刷新技术
自我感觉良好,所以拿出现在自己用的 Pjax.js 分享给大家 当然 这个版本是 经过本人修改后的版本,跟其它 拿过来就用的 不一样 而且区别还不小 大多的 Pjax 都是 跟后台无关的,而这个版本是 ...
- jQuery导航菜单防刷新
为了实现最主要的功能,只写了一个粗糙的案例 CSS样式 ul,li{ list-style-type:none;} .nav { width: 100%; height: 35px; line-hei ...
- 竖向折叠二级导航JS代码（可防刷新ul/li结构）
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> ...
随机推荐
- ADO.NET 快速入门（五）：从 DataSet 更新数据库
该主题说明了如何使用 DataSet 在数据库中更新数据.你依然可以直接使用 SqlCommand 在数据库中插入.更新.和删除数据,记住这一点也很重要.理解“从数据库填充DataSet”涵盖的概念有 ...
- PostgreSQL的 initdb 源代码分析之二十二
继续分析 load_plpgsql(); 展开: 就是让postgres 执行 create extension plpgsql cmd是: "/home/pgsql/project/bin ...
- 多线程/进度条应用（progressbar）
使用Control Sets 下的 ProgressBar - Responsive Loop控件 ProcessBar 或者 CancelBar 都可以被设置为 invisible 代码如下(分享自 ...
- HttpRequest
#ifndef __HTTP_REQUEST_H__ #define __HTTP_REQUEST_H__ #include "cocos2d.h" #include " ...
- ListView往TreView里面拖拽
ListView往TreView里面拖拽 unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Class ...
- Delphi调用Dll的的2种写法
unit Unit1;interfaceuses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, F ...
- 【javaSE】HashSet和HashMap
************************************************************************ ****原文:blog.csdn.net/clar ...
- mysql 5.6 binlog组提交
mysql 5.6 binlog组提交实现原理 http://blog.itpub.net/15480802/viewspace-1411356 Redo组提交 Redo提交流程大致如下 lock l ...
- Java_Spring MVC_Servlet
Spring MVC 例子 http://www.cnblogs.com/liukemng/p/3724379.html 详解: http://jinnianshilongnian.iteye.com ...
- B. Painting Pebbles
B. Painting Pebbles time limit per test 1 second memory limit per test 256 megabytes input standard ...