📄 test.htm
字号:
<!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>
<!--
Design By Xinge At 2007-05-22
Demo:http://www.sysapi.com/test/ajax2/test.htm
-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax tab demo</title>
<script type="text/javascript" src="ajax_navagation.js"></script>
<style>
* {
margin:0;padding:0;font-size:12px;font-family:Verdana, Arial, "瀹嬩綋";
list-style:none;}
body {
margin:30px 0 0 300px;}
#info {
width:410px;
background:#f7f7f7;
border:1px solid #ccc;padding:26px 0 27px 0;
background-image:url('img/title_bg.gif');}
h4 {
font-weight:normal;float:left;}
#info li {
float:left;}
#info li a {
float:left;
display:block;
padding:4px 10px 4px 10px;
color:#37572E;
text-decoration:none;
cursor:hand;}
#info li a:hover {
background:#FCECE0;
color:#000}
#info ul {
float:left;
margin-top:-29px;
padding:5px 0 0 12px;
position:absolute;}
#info .ha a {
color:white;}
#info .ha a:hover {
color:#FFF;
background:none;}
#info .ha .hc:hover {
background:url(img/tag_bottom.gif) no-repeat center bottom;}
.ha {
background:url(img/tag_left.gif) no-repeat left top;
margin-top:-3px;
padding-top:3px;}
.hb {
background:url(img/tag_right.gif) no-repeat right top;
margin-top:-3px;
padding-top:3px;}
.hc {
background:url(img/tag_bottom.gif) no-repeat center bottom;
height:21px;
color:#FFF;
font-weight:bold;}
.divContent {
height:190px;
width:410px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;}
.divContent div {
padding:6px;}
</style>
</head>
<body>
<label name="TabInfo1">
<div id="info">
<ul>
<li id="tag1"><h4><a onclick="javascript:TabSwitch('tag','1','include/GetData.php?do=1','content1');">鏂版斂鎵
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -