jquery实现菜单的切换:

 

效果图:

 

 

js文件:

 

html文件:

css文件:

.groupBtn{ position: absolute; z-index: 999; left: 16%; top: 277px; } .tab_condition_btn>ul { border-radius: 10px; } .tab_condition_btn>ul>li { width: 36px; height: 25px; list-style: none; float: left; font-family: 'Microsoft Yahei',verdana; font-size: 12px; cursor: pointer; text-align: center; padding: 6px 20px; cursor: pointer; line-height: 25px; border: 1px solid #fff; background: #13A993; color: #fff; } .tab_condition_check_btn { color: #13A993 !important; background: #fff ! important; } .tab_condition_btn>ul>li:hover { padding: 6px 20px; font-family: 'Microsoft Yahei',verdana; font-size: 12px; color: #17b392; background: #d2f5f5; border:1px solid rgba(195,204,202,1); cursor: pointer; }

你可能感兴趣的:(jQuery)