解決pc端選中效果
阿新 • • 發佈:2017-07-12
:hover col ora scrip attribute mar ava pan list
<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端選中效果