滑动门

最新推荐文章于 2021-08-03 20:15:31 发布

xiaolang85040388

最新推荐文章于 2021-08-03 20:15:31 发布

阅读量74

点赞数

分类专栏： js 文章标签： XHTML J# HTML

本文链接：https://blog.csdn.net/xiaolang85040388/article/details/83611894

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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" />
<script>
function dj(i)
{
for(j=1;j<5;j++)
{
if(i==j){
document.getElementById("a"+j).className="li2";
document.getElementById("b"+j).style.display="";
}
else
{
document.getElementById("a"+j).className="li1";
document.getElementById("b"+j).style.display="none";
}
}

}
</script>
<title>网上流行的滑动门 </title>

</head>

<body>
<div>
<ul>
<li id=a1 class="li1"><a οnclick="dj(1)" href="#">aaa</a></li>
<li id=a2 class="li2"><a οnclick="dj(2)" href="#">bbb</a></li>
<li id=a3 class="li1"><a οnclick="dj(3)" href="#">ccc</a></li>
<li id=a4 class="li1" style="border-right:none"><a οnclick="dj(4)" href="#">ddd</a></li></ul>
<div id=b1 class="txt"><br>新浪，网易这些大站的首页都使用了滑动门，占用空间少，网上很流行</div>
<div id=b2 class="txt" style="display:none"><br><br><a href="http://www.buscx.cn/">http://www.buscx.cn/</a></div>
<div id=b3 class="txt" style="display:none"><br><a href="http://www.bjzbus.cn/">http://www.bjzbus.cn/</a></div>
<div id=b4 class="txt" style="display:none"><br>新浪，网易这些大站的首页都使用了滑动门，占用空间少，网上很流行< /div>
</div>
</body>
</html>