淘宝店铺装修窗帘拉开，更新代码

1. 
   
2. <style>
   
3. .zui_area {
   
4.     width: 100%;
   
5.     height: 100%;
   
6.     position: relative;
   
7. }
   
8. 
   
9. .zui_area .zui {
   
10.     -moz-transition: all 1s ease-in;
    
11.     -webkit-transition: all 1s ease-in;
    
12.     -o-transition: all 1s ease-in;
    
13.     transition: all 1s ease-in;
    
14. }
    
15. 
    
16. .zui_area .zui .off {
    
17.     visibility: hidden;
    
18.     display: block;
    
19. }
    
20. 
    
21. .zui_area .zui:hover .off {
    
22.     visibility: inherit;
    
23. }
    
24. 
    
25. .zui_area:hover .htrans-ml0 {
    
26.     transform: translateX(-100%);
    
27.     -moz-transform: translateX(-100%);
    
28.     -webkit-transform: translateX(-100%);
    
29.     -o-transform: translateX(-100%);
    
30.     -ms-transform: translateX(-100%);
    
31. }
    
32. 
    
33. .zui_area:hover .htrans-mr0 {
    
34.     transform: translateX(100%);
    
35.     -moz-transform: translateX(100%);
    
36.     -webkit-transform: translateX(100%);
    
37.     -o-transform: translateX(100%);
    
38.     -ms-transform: translateX(100%);
    
39. }
    
40. 
    
41. 
    
42. 
    
43. </style>
    
44. 
    
45. 
    
46. 
    
47. <div data-title="koii" style="height:620px;"> <div class="footer-more-trigger" style="width:950px;height:550px;right:auto;top:auto;padding:0;border:none;left:auto;z-index:1;"> <div class="footer-more-trigger" style="left:0px;top:-30px;border:none;padding:0;"> <div style="height:550px;"> <div class="footer-more-trigger sn-simp" style="left:50%;top:auto;border:none;padding:0;"> <div class="footer-more-trigger sn-simp" style="left:-504px;top:auto;padding:0;"> <div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'\u00A0tshop-pbsm-shop-nav-ch','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'nav_zui','contentCls':'content_zui','autoplay':true}" data-widget-type="Carousel" style="width:1920px;height:550px;"> <div style="display:none;position:relative;"> <ul class="content_zui"> <li> </li> </ul> </div> <ul class="nav_zui" style="height:550px;width:1920px;"> <li> <div class="zui_area"> <a class="zui footer-more-trigger sn-simp" style="top:0px;left:0px;padding:0;border:none;width:1920px;height:550px;background:url(http://img03.taobaocdn.com/imgextra/i3/1590700834/TB2gdkGaFXXXXXpXpXXXXXXXXXX_!!1590700834.jpg) no-repeat;"></a> <a class="zui htrans-ml0 footer-more-trigger sn-simp" style="top:0px;left:0px;padding:0;border:none;width:960px;height:650px;background:url(http://img01.taobaocdn.com/imgextra/i1/1590700834/TB2e.rKbXXXXXahXXXXXXXXXXXX_!!1590700834.jpg) no-repeat;"></a> <a class="zui htrans-mr0 footer-more-trigger sn-simp" style="top:0px;left:960px;padding:0;border:none;width:960px;height:650px;background:url(http://img01.taobaocdn.com/imgextra/i1/1590700834/TB2CpHNbXXXXXXtXXXXXXXXXXXX_!!1590700834.jpg) no-repeat;"></a> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div>

复制代码