zoukankan      html  css  js  c++  java
  • 4.3 选项卡

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    	<style type="text/css">
    		*{
    			margin: 0px auto;
    			padding: 0px;
    		}
    		#dd{
    			 320px;
    			height: 40px;
    			
    		}
    		.nkk{
    			 80px;
    			height: 40px;
    			text-align: center;
    			line-height: 40px;
    			vertical-align: middle;
    			float: left;
    		}
    		.ijj{
    			 320px;
    			height: 300px;
    		}
    	</style>
    //上面定义出一个样式 </head> <body> <div id="dd"> <div class="nkk" style="background: red" onClick="Ca('uu')">军事</div> <div class="nkk" style="background: green;" onClick="Ca('uk')">新闻</div> <div class="nkk" style="background: blue;" onClick="Ca('un')">理论</div> </div>
    //这上面先写出三个标题 <div class="ijj" id="uu" style="background: red"></div> <div class="ijj" id="uk" style="background: green;display: none"></div> <div class="ijj" id="un" style="background: blue;display: none"></div>
    //这写出三个选项卡 </body> <script type="text/javascript">//然后开始写js 部分 function Ca(a) { var pp = document.getElementById(a) var div = document.getElementsByClassName("ijj")//找定义 for(i=0;i<div.length;i++) { div[i].style.display= "none"; } pp.style.display= "block"; } </script> </html>

      

    这是一个选项卡的效果,他随着标题的变换而变换

  • 相关阅读:
    加密CMD使电脑溢出也拿不到CMD权限
    全面提升Linux服务器的安全
    ping 源码,详细解释
    伤心一百回
    聊聊我对黑客技术的思考
    一个网管员的真实成长经历
    通过命令限制上网用户的权限
    防范黑客的简单办法
    “黑客”人生
    黑客现身讲话
  • 原文地址:https://www.cnblogs.com/F9801/p/8744181.html
Copyright © 2011-2022 走看看