⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 鼠标划过切换内容.txt

📁 制作网页需要的程序
💻 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 + -