⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 test.htm

📁 网站制作常用经典ajax.prototype.javascript实例
💻 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 + -