店铺导航CSS源码分享

maizi

不知道以前有没有发过

1. .skin-box-补单{margin-left:94px;border:0;background:#FFF;font-family:微软雅黑,microsoft yahei;}
   
2. .skin-box-补单 .menu-list .menu-selected .link .title{background:none;}
   
3. .skin-box-补单 .menu-list{background:#FFF;}
   
4. .skin-box-补单 .menu-list .menu{background:#FFF;}
   
5. .skin-box-补单 .menu-list .link{background:#FFF;height:10px;transition:all cubic-bezier(1,2,0.43,1) 0.6s;}
   
6. .skin-box-补单 .menu-list .menu-hover .link{background:#2ECAC6;height:30px;transition:all cubic-bezier(1,2,0.43,1) 0.6s;}
   
7. .skin-box-补单 .menu-list .menu .title{color:#34495E;}
   
8. .skin-box-补单 .menu-list .menu-hover .link .title{color:#FFF;}
   
9. .all-cats{background:#FFF;}
   
10. .all-cats .link{background:#FFF;transition:all cubic-bezier(1,2,0.43,1) 0.6s;}
    
11. .skin-box-补单 .all-cats-hover .all-cats-trigger .link{background:#2ECAC6;transition:all cubic-bezier(1,2,0.43,1) 0.6s;}
    
12. .skin-box-补单 .all-cats .title{color:#34495E;}
    
13. .skin-box-补单 .all-cats-hover .link .title{color:#FFF;}
    
14. .skin-box-补单 .all-cats .link .popup-icon{height:11px;width:11px;background:url(<img src="http://img04.taobaocdn.com/imgextra/i4/675431384/TB28Oy8cXXXXXc0XXXXXXXXXXXX_!!675431384.png" border="0" alt="">) 0 0px no-repeat;margin-left:12px;margin-top:9px;transition:all cubic-bezier(1,2,0.43,1) 0.6s;}
    
15. .skin-box-补单 .all-cats-hover .link .popup-icon{background:url(<img src="http://img04.taobaocdn.com/imgextra/i4/675431384/TB28Oy8cXXXXXc0XXXXXXXXXXXX_!!675431384.png" border="0" alt="">) 0px -11px no-repeat;transition:all cubic-bezier(1,2,0.43,1) 0.6s;}
    
16. .skin-box-补单 .popup-content{background:#FFF;}
    
17. .skin-box-补单 .popup-content .cats-tree .fst-cat{border-bottom:1px dashed #CCC;}
    
18. .skin-box-补单 .popup-content .cats-tree .cat-hd-hover{background:#2ECAC6;transition:all 0.8s;}
    
19. .skin-box-补单 .popup-content .cats-tree .fst-cat .cat-name{color:#34495E;}
    
20. .skin-box-补单 .popup-content .cats-tree .cat-hd-hover .fst-cat-name{color:#FFF;}
    
21. .skin-box-补单 .menu-list .menu-hover .link .popup-icon{display:none;}
    
22. .skin-box-补单 .menu-list .menu .link .popup-icon{display:none;}
    
23. .menu-popup-cats .sub-cat-hover{background:#F77B6F;transition:all 0.7s;height:50px;line-height:50px;}
    
24. .menu-popup-cats .sub-cat{border-bottom:1px dashed #EBEBEB;transition:all 0.7s;}
    
25. .menu-popup-cats .sub-cat-hover .cat-name{color:#FFF;transition:all 0.7s;height:50px;}
    
26. .menu-popup-cats .sub-cat .cat-name{color:#888;}

复制代码

wenlige

学习了  分享了

灿灯

没有介绍如何放上去的。

迷失的太阳

学习了  分享了

qq喆

学习了
学习了