码迷,mamicode.com
首页 > 其他好文 > 详细

解决pc端选中效果

时间:2017-07-12 17:51:12      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:mic   idt   art   var   on()   效果   sof   display   orm   

<style>

*{ margin:0; padding:0; list-style:none;}

body{ font:normal 14px/24px ‘MicroSoft YaHei‘;}

.cotrs{ width:960px; height:32px; line-height:32px; background:#999; margin:0 auto;}

.cotrs a{ height:32px; line-height:32px; color:#fff; text-decoration:none; padding:0px 10px; display:block; float:left;}

.cotrs a:hover{ text-decoration:none; background:#000;}

.cotrs a.thisclass{text-decoration:none; background:#000;}

</style>

<body>

<div class="cotrs">

<a href=‘javascript:class="thisclass">菜单一</a>

<a href=‘javascript:‘>菜单二</a>

<a href=‘javascript:‘>菜单三</a>

<a href=‘javascript:‘>菜单四</a>

<a href=‘javascript:‘>菜单五</a>

 </div>

</body>

<script>

 $(function(){
        var cotrs = $(".cotrs a");
        cotrs.click(function(){
            $(this).addClass("thisclass").siblings().removeClass("thisclass");
        });
    });

</script>

解决pc端选中效果

标签:mic   idt   art   var   on()   效果   sof   display   orm   

原文地址:http://www.cnblogs.com/gerry/p/7156318.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!