小牛练字 • 5ucms
小学练字 初中练字 高中练字 小牛练字 写字姿势 楷书快写 考试字体 练字技巧 练字字帖 练字作文 家庭教育 5ucms 全部文章 工具
首页 > 5ucms > DIV层切换示例51586.cn

DIV层切换示例51586.cn

5ucms 2023-10-29 
<html>
<head>
<title>DIV层切换示例51586.cn</title>
<script language="JavaScript" type="text/javascript">
function ChangeDiv(divId,divName,zDivCount)
{
for(i=1;i<=9;i++)
{
     document.getElementById(divName+i).style.display="none";
}
document.getElementById(divName+divId).style.display="block";
}
</script>
 
</head>
 
<body>
 
<span onMouseMove="JavaScript:ChangeDiv('1','qss_',2)" style="cursor:hand;">标题按钮1</span>
<span onMouseMove="JavaScript:ChangeDiv('2','qss_',2)" style="cursor:hand;">标题按钮2</span>
<span onMouseMove="JavaScript:ChangeDiv('3','qss_',2)" style="cursor:hand;">标题按钮3</span>
<span onMouseMove="JavaScript:ChangeDiv('4','qss_',2)" style="cursor:hand;">标题按钮4</span>
<span onMouseMove="JavaScript:ChangeDiv('5','qss_',2)" style="cursor:hand;">标题按钮5</span>
<span onMouseMove="JavaScript:ChangeDiv('6','qss_',2)" style="cursor:hand;">标题按钮6</span>
<span onMouseMove="JavaScript:ChangeDiv('7','qss_',2)" style="cursor:hand;">标题按钮7</span>
<span onMouseMove="JavaScript:ChangeDiv('8','qss_',2)" style="cursor:hand;">标题按钮8</span>
<span onMouseMove="JavaScript:ChangeDiv('9','qss_',2)" style="cursor:hand;">标题按钮9</span>
 
 
<div id="BigDIV" style="border:solid 1px #cccccc;width:100%;margin:10px;">
    <div id="qss_1" style="font-size:14px;margin:10px;color:#FF0000;">内容部分第1区</div>
    <div id="qss_2" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第2区</div>
    <div id="qss_3" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第3区</div>
    <div id="qss_4" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第4区</div>
    <div id="qss_5" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第5区</div>
    <div id="qss_6" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第6区</div>
    <div id="qss_7" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第7区</div>
    <div id="qss_8" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第8区</div>
    <div id="qss_9" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第9区</div>                             
</div>
</body>
</html>


css51586.cn
本文，阅读2
如果你也正为写字差而发愁，请搜索微信：小牛练字，联系张老师微信13756079528
相关文章
• DIV层切换示例51586.cn
练字首页 练字搜索 练字文章练字标签 练字音乐/字帖工具