CSS导航分类翻滚特效网店装修代码分享
CSS导航分类翻滚特效网店装修代码分享
发布时间:2015-10-29 来源:查字典编辑
摘要:俗话说,网店装修要高端大气上档次,低调奢华有内涵,奔放洋气有深度,简约时尚国际范,低端粗俗甩节操,狂拽帅气吊炸天。怎么做到?找甩手啊!今天小...

CSS导航分类翻滚特效网店装修代码分享1

俗话说,网店装修要高端大气上档次,低调奢华有内涵,奔放洋气有深度,简约时尚国际范,低端粗俗甩节操,狂拽帅气吊炸天。怎么做到?找甩手啊!今天小编是费尽心思,为大家搜罗来了CSS导航分类翻滚特效网店装修代码,大家注意,可是带特效的哦!另外要提醒大家,本代码是通过导航CSS实现的,模板样式注意选择红色的。

.skin-box-bd .menu-list{background:url(/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .link{background:url(/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd{background:url(/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .menu-list .menu-selected .link .title{background:url(/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .all-cats .all-cats-trigger{margin:0px;padding:0px;background:none;}.skin-box-bd .all-cats .all-cats-trigger .link .title{display:none;}.skin-box-bd .all-cats .all-cats-trigger .link .popup-icon{display:none;}.all-cats{background:none;max-width:300px;_width:300px;}.menu-list{background:none;width:700px;}.skin-box-bd .all-cats .all-cats-trigger .link{width:190px;margin:0px;padding:0px;border:none;display:block;background:no-repeat url(/imgextra/i1/1916485983/T29L1.XrlXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .all-cats .all-cats-trigger .link:hover{background-position:0px -30px;}.menu-list .menu a{position:relative;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out;}.menu-list .menu:hover a{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}.all-cats-popup{width:186px;height:auto;margin:0px;padding:0px;background:#FFFFFF;border-color:#C20404;}.all-cats-popup .popup-inner{width:190px;height:auto;margin:0px;padding:0px;}.all-cats-popup .popup-inner .cats-tree{width:190px;height:auto;margin:0px;padding:0px;display:block;opacity:0.9;}.all-cats-popup .popup-inner .cats-tree .fst-cat .fst-cat-hd .fst-cat-name{width:176px;height:30px;margin:0px 0px 0px 10px;padding:0px;display:block;float:left;line-height:30px;font-family:微软雅黑font-size:13px;color:#C20404;}.all-cats-popup .popup-inner .cats-tree .fst-cat .fst-cat-hd{width:188px;height:30px;margin:0px;padding:0px;display:block;background:none;}.all-cats-popup .popup-inner .cats-tree .fst-cat{width:186px;}.all-cats-popup .popup-inner .cats-tree .fst-cat .fst-cat-hd:hover{background:#C20404;}.all-cats-popup .popup-inner .cats-tree .fst-cat .fst-cat-hd:hover .fst-cat-name{color:#FFFFFF;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop{width:190px;height:auto;margin:0px;padding:0px;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner{width:190px;height:auto;margin:0px;padding:0px;border:2px solid #C20404;opacity:0.9;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd{width:190px;height:auto;margin:0px;padding:0px;display:block;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat{width:190px;height:auto;margin:0px;padding:0px;display:block;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd{width:190px;height:30px;margin:0px;padding:0px;display:block;background:#C20404;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd:hover{background:#FFFFFF;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd:hover .snd-cat-name{color:#000000;}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新淘宝店铺装修学习
热门淘宝店铺装修学习
电子商务子分类