星空网 > 软件开发 > Java

点击显示底框颜色,默认显示第一个。

页面初始化显示第一个底框颜色,点击另一个第一个底框颜色消失,被点击的底框颜色显示,以此循环。

点击显示底框颜色,默认显示第一个。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html ="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" type="text/css" href="" /> <style type="text/css"> .box{width:800px;border:1px solid red;height:600px;margin:0 auto;} .zc{float:left;margin-right:50px;} ul {list-style:none;} a{text-decoration:none;} .box_nei{height:40px;line-height:40px;border-bottom:8px solid #E5E5E5;} .box_nei li a:hover{ font-size:18px; color:#666666 ; } .box_nei li a.hover{ font-size:18px; color:#666666 ; border-bottom:8px solid #C30D23;} .box_nei li a{ font-size:18px; color:#666666; width:124px; height:40px; line-height:40px; display:block;} .help_now{border-bottom:6px solid #C30D23;} </style>  <script type="text/javascript" src='/images/loading.gif' data-original="jquery-1.7.1.min.js"></script>  <script type="text/javascript">    $(function(){  $(".zc").click(function(){    $(this).addClass('help_now').siblings().removeClass("help_now");   });   $('#zcc').addClass('help_now'); }); </script> </head><!--要求默认显示一个红色底框;点击另一个这个消失另一个显现红色底框--> <body> <div class="box"> <div class="box_nei"> <ul>   <li class="zc" id="zcc">   <a id="zc" href="#"> 注册指南 </a>   </li>   <li class="zc" >  <a id="ass" href="#">新手必读</a>    </li>   <li class="zc" >  <a id="sf" href="#">收费标准</a>    </li>   <li class="zc" >  <a id="cj" href="#">常见问题 </a> </li> </ul> </div> <div> </body></html>

或者:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html ="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" type="text/css" href="" /> <style type="text/css"> .box{width:800px;border:1px solid red;height:600px;margin:0 auto;} .zc{float:left;margin-right:50px;} ul {list-style:none;} a{text-decoration:none;} .box_nei{height:40px;line-height:40px;border-bottom:8px solid #E5E5E5;} .box_nei li a:hover{ font-size:18px; color:#666666 ; } .box_nei li a.hover{ font-size:18px; color:#666666 ; border-bottom:8px solid #C30D23;} .box_nei li a{ font-size:18px; color:#666666; width:124px; height:40px; line-height:40px; display:block;} .help_now{border-bottom:6px solid #C30D23;} </style>  <script type="text/javascript" src='/images/loading.gif' data-original="jquery-1.7.1.min.js"></script>  <script type="text/javascript">  $(function(){  $(".zc").eq(0).addClass('help_now');  $(".zc").click(function(){      $(this).addClass('help_now').siblings().removeClass("help_now");   }); }); </script> </head><!--要求默认显示一个红色底框;点击另一个这个消失另一个显现红色底框--> <body> <div class="box"> <div class="box_nei"> <ul>   <li class="zc help_now">  <a id="zc" href="#"> 注册指南 </a>   </li>   <li class="zc" >         <a id="ass" href="#">新手必读</a>    </li>   <li class="zc" >         <a id="sf" href="#">收费标准</a>    </li>   <li class="zc" >         <a id="cj" href="#">常见问题 </a> </li> </ul> </div> <div> </body></html>

 




原标题:点击显示底框颜色,默认显示第一个。

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

化妆品FDA注册是强制性的吗:https://www.ikjzd.com/articles/136994
您真的知道注册中国香港公司与注册离岸公司有何区别?:https://www.ikjzd.com/articles/136995
Wish:黑五期间欧洲海外仓订单增长超过110%:https://www.ikjzd.com/articles/136996
欧洲时尚电商Zalando今年收入达7.39亿欧元:https://www.ikjzd.com/articles/136997
回顾黄五白五:11月Noon平台流量暴增,亚马逊稍逊一筹:https://www.ikjzd.com/articles/136998
印尼电子钱包OVO与Lazada达成合作:https://www.ikjzd.com/articles/136999
独家丨B站广告位可跳转美团APP B站为电商平台引流再升级 :https://www.kjdsnews.com/a/1836410.html
百崖大峡谷生态旅游景区(探秘中国西南自然风光):https://www.vstour.cn/a/363176.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流