本文介绍了一个使用Ajax和jQuery实现的选项卡效果示例。通过加载外部内容到指定区域，实现了网页上的动态选项卡功能。该示例展示了如何结合jQuery库简化Ajax请求，并通过CSS3增强用户体验。
演示地址:http://www.corange.cn/demo/3800/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax选项卡使用jQuery及CSS3--www.corange.cn演示</title>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("jquery", "1.2.6");
</script>
</head>
<body>
<div id="main">
<ul class="tabContainer">
<!-- The jQuery generated tabs go here -->
</ul>
<div class="clear"></div>
<div id="tabContent">
<div id="contentHolder">
<!-- The AJAX fetched content goes here -->
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="script.js"></script>
</body>
</html>
原文地址:http://www.corange.cn/archives/2011/11/3800.html
扫一扫
313
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
