5月22

锚点选项卡

| |
08:56 W3C前端技术  From: 本站原创
锚点选项卡,通过传递锚点决定当前显示的是哪个选项卡
方法一、

<!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决定显示

最后编辑: tommyhu 编辑于2011/05/22 08:57
阅读(2212) | 评论(1) | 引用(0)
tommyhuc.cn网友
2011/05/22 16:24
什么来的·······不知道······呵呵!
分页: 1/1 第一页 1 最后页
在此留下酱油瓶-:)
表情
emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我

您的大名(例如:小明) : 

密码(可不填) :  游客无需密码

网址 (可不填) : 

电邮 (可不填) :  [注册]