公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

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

作者:bj-cqx 2015-12-10 11:31:20

        今天唯艺为各位淘宝卖家分享一份CSS导航分类翻滚特效网店装修代码,大家注意,这可是带特效的哦!另外还要提醒大家,本代码是通过导航CSS实现的,模板样式注意选择红色的。

效果图如何下:

 

 

  .skin-box-bd .menu-list{background:url(http://img02.taobaocdn.com/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd{background:url(http://img02.taobaocdn.com/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .menu-list .menu-selected .link .title{background:url(http://img02.taobaocdn.com/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(http://img01.taobaocdn.com/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;}

        大家想要打造有特效的导航分类装修,就赶紧收藏好这份代码咯!

 


        本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 绚丽欧美 高端深蓝 母婴用品淘宝模板

    绚丽欧美 高端深蓝 母婴用品淘宝模板

    人气:38794
  • 日用杂货 清新简约 生活兴趣网店模板

    日用杂货 清新简约 生活兴趣网店模板

    人气:45643
  • 时尚女鞋 米色暖黄 女鞋精品淘宝模板

    时尚女鞋 米色暖黄 女鞋精品淘宝模板

    人气:31597
  • 好茶汇聚 素雅浅色 食品保健淘宝模板

    好茶汇聚 素雅浅色 食品保健淘宝模板

    人气:30571
  • 游戏充值 瀑布流 虚拟充值网店模板

    游戏充值 瀑布流 虚拟充值网店模板

    人气:39788
  • 时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    人气:56789
  • 双十二 促销大红 现代灯艺淘宝模板

    双十二 促销大红 现代灯艺淘宝模板

    人气:0
  •  型男健美 素雅青灰 型男健美淘宝模板

    型男健美 素雅青灰 型男健美淘宝模板

    人气:0