fe / YOHOBUYPC · Commits

Go to a project

Authored by weiqingting
Commit cc8f085e89779f0df42ef99d4b05daf53d92cb06 1 parent 387aa8f0

hover效果

Inline Side-by-side
Showing 10 changed files with 21 additions and 22 deletions
@@ -8,7 +8,7 @@ @@ -8,7 +8,7 @@
8 8
9 {{! 新品速报}} 9 {{! 新品速报}}
10 {{# newReport}} 10 {{# newReport}}
11 - <div class="new-report clearfix"> 11 + <div class="new-report imgopacity clearfix">
12 {{> index/floor-header}} 12 {{> index/floor-header}}
13 13
14 <ul class="report-list clearfix"> 14 <ul class="report-list clearfix">
@@ -40,7 +40,7 @@ @@ -40,7 +40,7 @@
40 <div class="preference-brand"> 40 <div class="preference-brand">
41 {{> index/floor-header}} 41 {{> index/floor-header}}
42 <div class="img-brand"> 42 <div class="img-brand">
43 - <ul class="img-list clearfix"> 43 + <ul class="img-list imgopacity clearfix">
44 {{# imgBrand}} 44 {{# imgBrand}}
45 <li class="img-item"> 45 <li class="img-item">
46 <a href="{{href}}" target= "_blank"> 46 <a href="{{href}}" target= "_blank">
@@ -58,7 +58,7 @@ @@ -58,7 +58,7 @@
58 </a> 58 </a>
59 </div> 59 </div>
60 </div> 60 </div>
61 - <div class="logo-brand" data-url="{{brandUrl}}"></div> 61 + <div class="logo-brand imgopacity" data-url="{{brandUrl}}"></div>
62 </div> 62 </div>
63 {{/ preferenceBrands}} 63 {{/ preferenceBrands}}
64 64
@@ -14,14 +14,14 @@ @@ -14,14 +14,14 @@
14 {{/ category}} 14 {{/ category}}
15 </div> 15 </div>
16 </div> 16 </div>
17 - <div class="tpl-brands clearfix"> 17 + <div class="tpl-brands imgopacity clearfix">
18 <ul> 18 <ul>
19 {{#each brands}} 19 {{#each brands}}
20 <li><a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li> 20 <li><a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>
21 {{/each}} 21 {{/each}}
22 </ul> 22 </ul>
23 </div> 23 </div>
24 - <div class="tpl-types clearfix"> 24 + <div class="tpl-types imgopacity clearfix">
25 <ul> 25 <ul>
26 {{#each types}} 26 {{#each types}}
27 <li><a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li> 27 <li><a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>
@@ -29,7 +29,7 @@ @@ -29,7 +29,7 @@
29 </ul> 29 </ul>
30 </div> 30 </div>
31 </div> 31 </div>
32 - <div class="tpl-products clearfix"> 32 + <div class="tpl-products imgopacity clearfix">
33 <ul> 33 <ul>
34 {{#each products}} 34 {{#each products}}
35 <li><a href="{{href}}" title="{{name}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li> 35 <li><a href="{{href}}" title="{{name}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>
1 <div class="singlehot clearfix"> 1 <div class="singlehot clearfix">
2 {{> index/floor-header}} 2 {{> index/floor-header}}
3 - <ul class="g-list"> 3 + <ul class="g-list imgopacity">
4 {{#each imgHot}} 4 {{#each imgHot}}
5 <li><a class="impo{{@index}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li> 5 <li><a class="impo{{@index}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>
6 {{/each}} 6 {{/each}}
1 {{> index/floor-header}} 1 {{> index/floor-header}}
2 -<div class="categorys-list"> 2 +<div class="categorys-list imgopacity">
3 <ul class="clearfix"> 3 <ul class="clearfix">
4 {{# list}} 4 {{# list}}
5 <li class="cate-item{{@index}}"> 5 <li class="cate-item{{@index}}">
@@ -14,12 +14,12 @@ @@ -14,12 +14,12 @@
14 {{/ category}} 14 {{/ category}}
15 </div> 15 </div>
16 </div> 16 </div>
17 - <div class="tpl-brands clearfix"> 17 + <div class="tpl-brands imgopacity clearfix">
18 {{#each brands}} 18 {{#each brands}}
19 <a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a> 19 <a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a>
20 {{/each}} 20 {{/each}}
21 </div> 21 </div>
22 - <div class="tpl-types clearfix"> 22 + <div class="tpl-types imgopacity clearfix">
23 <ul> 23 <ul>
24 {{#each types}} 24 {{#each types}}
25 <li><a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li> 25 <li><a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>
1 <div class="commodity clearfix"> 1 <div class="commodity clearfix">
2 {{> index/floor-header}} 2 {{> index/floor-header}}
3 <div class="commodity-list"> 3 <div class="commodity-list">
4 - <ul class="g-list clearfix"> 4 + <ul class="g-list imgopacity clearfix">
5 {{#each imgHot}} 5 {{#each imgHot}}
6 <li> 6 <li>
7 <a href="{{href}}" target= "_blank"><div class="commodity-img"> 7 <a href="{{href}}" target= "_blank"><div class="commodity-img">
@@ -16,7 +16,7 @@ @@ -16,7 +16,7 @@
16 {{/each}} 16 {{/each}}
17 </ul> 17 </ul>
18 </div> 18 </div>
19 - <div class="commodity-brands clearfix"> 19 + <div class="commodity-brands imgopacity clearfix">
20 {{#each brands}} 20 {{#each brands}}
21 <a href="{{href}}" title="{{name}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a> 21 <a href="{{href}}" title="{{name}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a>
22 {{/each}} 22 {{/each}}
1 {{> index/floor-header}} 1 {{> index/floor-header}}
2 -<div class="preference-brand"> 2 +<div class="preference-brand imgopacity">
3 <div class="img-slider-wrapper clearfix"> 3 <div class="img-slider-wrapper clearfix">
4 <div class="img-brand-switch"> 4 <div class="img-brand-switch">
5 <a class="prev iconfont" href="javascript:;">&#xe60f;</a> 5 <a class="prev iconfont" href="javascript:;">&#xe60f;</a>
@@ -15,6 +15,6 @@ @@ -15,6 +15,6 @@
15 </ul> 15 </ul>
16 </div> 16 </div>
17 </div> 17 </div>
18 - <div class="logo-brand" data-url="{{brandUrl}}"> 18 + <div class="logo-brand " data-url="{{brandUrl}}">
19 </div> 19 </div>
20 </div> 20 </div>
@@ -165,7 +165,7 @@ module.exports = function(data) { @@ -165,7 +165,7 @@ module.exports = function(data) {
165 165
166 166
167 load.tpl = '{{#each this}}'; 167 load.tpl = '{{#each this}}';
168 - load.tpl += '<div class="good-info" data-skn="{{skn}}">'; 168 + load.tpl += '<div class="good-info imgopacity" data-skn="{{skn}}">';
169 load.tpl += ' <div class="tag-container clearfix">'; 169 load.tpl += ' <div class="tag-container clearfix">';
170 load.tpl += ' {{# tags}}'; 170 load.tpl += ' {{# tags}}';
171 load.tpl += ' {{# isNew}}'; 171 load.tpl += ' {{# isNew}}';
@@ -34,14 +34,12 @@ if ($.inArray(homePage, ['boys','girls','kids','lifestyle']) > -1) { @@ -34,14 +34,12 @@ if ($.inArray(homePage, ['boys','girls','kids','lifestyle']) > -1) {
34 }); 34 });
35 } 35 }
36 36
37 -$(".imgopacity")  
38 -.on("mouseenter", "a img", function() {  
39 - $(this).css("opacity", 0.8)  
40 -})  
41 -.on("mouseenter", "a img", function() {  
42 - $(this).css("opacity", 1); 37 +$(document).on("mouseenter",".imgopacity a img",function(){
  38 + $(this).css('opacity', 0.8);
43 }); 39 });
44 - 40 +$(document).on("mouseout",".imgopacity a img",function(){
  41 + $(this).css('opacity', 1);
  42 +})
45 43
46 lazyLoad($('img.lazy')); 44 lazyLoad($('img.lazy'));
47 if (homePage === 'boys') { 45 if (homePage === 'boys') {
@@ -221,6 +221,7 @@ @@ -221,6 +221,7 @@
221 background-color: rgb(255,87,92); 221 background-color: rgb(255,87,92);
222 color: #fff; 222 color: #fff;
223 border-radius: 30px; 223 border-radius: 30px;
  224 + z-index: 2;
224 } 225 }
225 .commodity-img{ 226 .commodity-img{
226 position: relative; 227 position: relative;