锚点选项卡 - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
May 22

锚点选项卡 不指定

锚点选项卡,通过传递锚点决定当前显示的是哪个选项卡
方法一、

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>锚点 - 选项卡?</title>
<style type="text/css">
body {font:12px "宋体"}
div {height:230px;width:230px;background:#999;overflow:hidden;}
span {display:block;width:230px;height:230px;background:yellow;text-align:center;}
</style>
</head>
<body     >
<div> <span id="test1">第1个</span> <span id="test2">第2个</span> <span id="test3">第3个</span> <span id="test4">第4个</span> </div>
<a href="#test1">第1个</a> <a href="#test2">第2个</a> <a href="#test3">第3个</a> <a href="#test4">第4个</a>
</body>
</html>

方法二、通过window.location.hash获取当前锚点的名称,然后通过js决定显示

▲返回顶部
Last modified by tommyhu on2011/05/22 08:57

互联网开发网友 Email Homepage
2011/05/22 16:24
什么来的·······不知道······呵呵!
Pages: 1/1 First page 1 Final page
Add a comment

Nickname

emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot