📄 鼠标划过切换内容.txt
字号:
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.indent {border:1px solid #aedef2;padding:10px;width:300px;line-height:160%;}
.span {padding:10px;}
body {font-size:14px;margin:80px;}
</style>
<script language="javascript" type="text/javascript">
<!--
function yes1000_showdiv(yes1000_divid)
{
var inum;
inum=5; //最大组数
for (i=1;i<inum+1 ;i++ )
{
if (i!=yes1000_divid)
{
document.all("div"+i).style.display="none";
}
else
{
document.all("div"+i).style.display="block";
}
}
}
//-->
</script>
</HEAD>
<BODY>
<!-- 如果要让鼠标单击标签时区域切换内容，请将下面的 onmouseover 替换为 onclick -->
<span id="span1" class="span" onmouseover="yes1000_showdiv(1)">标签1</span>
<span id="span2" class="span" onmouseover="yes1000_showdiv(2)">标签2</span>
<span id="span3" class="span" onmouseover="yes1000_showdiv(3)">标签3</span>
<span id="span4" class="span" onmouseover="yes1000_showdiv(4)">标签4</span>
<span id="span5" class="span" onmouseover="yes1000_showdiv(5)">标签5</span>
<div id="div1" style="display:block">
<div class="indent">
<a href="http://www.163.com" target="_blank">标签1链接1111</a></br>
<a href="http://www.sina.com" target="_blank">标签1链接2222</a></br>
<a href="http://www.163.com" target="_blank">标签1链接33333333333333333</a></br>
<a href="http://www.163.com" target="_blank">标签1链接444444444</a></br>
<a href="http://www.163.com" target="_blank">标签1链接55555555555</a></br>
<a href="http://www.sina.com" target="_blank">标签1链接6666666</a>
</div>
</div>
<div id="div2" style="display:none">
<div class="indent">
<a href="http://www.163.com" target="_blank">标签2链接111111111111</a></br>
<a href="http://www.sina.com" target="_blank">标签2链接22222</a></br>
<a href="http://www.163.com" target="_blank">标签2链接3333333333333</a></br>
<a href="http://www.163.com" target="_blank">标签2链接4444444444444</a></br>
<a href="http://www.163.com" target="_blank">标签2链接5555555555</a></br>
<a href="http://www.sina.com" target="_blank">标签2链接66666666666666666</a>
</div>
</div>
<div id="div3" style="display:none">
<div class="indent">
<a href="http://www.163.com" target="_blank">标签3链接111111111111111111111111</a></br>
<a href="http://www.sina.com" target="_blank">标签3链接22222222222222</a></br>
<a href="http://www.163.com" target="_blank">标签3链接3333333333333</a></br>
<a href="http://www.163.com" target="_blank">标签3链接444444444444</a></br>
<a href="http://www.163.com" target="_blank">标签3链接5555555555555555</a></br>
<a href="http://www.sina.com" target="_blank">标签3链接66666666666666666</a>
</div>
</div>
<div id="div4" style="display:none">
<div class="indent">
<a href="http://www.163.com" target="_blank">标签4链接1111111111111111</a></br>
<a href="http://www.sina.com" target="_blank">标签4链接22222222222222222222</a></br>
<a href="http://www.163.com" target="_blank">标签4链接33333333</a></br>
<a href="http://www.163.com" target="_blank">标签4链接444444444444444</a></br>
<a href="http://www.163.com" target="_blank">标签4链接555555555</a></br>
<a href="http://www.sina.com" target="_blank">标签4链接6666666666666666</a>
</div>
</div>
<div id="div5" style="display:none">
<div class="indent">
<a href="http://www.163.com" target="_blank">标签5链接11111111111111</a></br>
<a href="http://www.sina.com" target="_blank">标签5链接2222222222</a></br>
<a href="http://www.163.com" target="_blank">标签5链接333333333333</a></br>
<a href="http://www.163.com" target="_blank">标签5链接4444444444444444</a></br>
<a href="http://www.163.com" target="_blank">标签5链接555555555555</a></br>
<a href="http://www.sina.com" target="_blank">标签5链接6666666666666</a>
</div>
</div>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -