fe / yohobuy-node · Commits

Go to a project

Authored by 郝肖肖
Commit d21db7a30b1d84228bbf093b7f82e6800d022507 1 parent 78ce238f

'友链动画滚动'

Inline Side-by-side
Showing 3 changed files with 36 additions and 24 deletions
... ... @@ -230,30 +230,6 @@
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">苏宁易购</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">蘑菇街</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">唯品会</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">淘宝网</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">京东商城</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">国美在线</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">蘑菇街</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">苏宁易购</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">唯品会</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">淘宝网</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">京东商城</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">国美在线</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">蘑菇街</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">苏宁易购</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">唯品会</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">淘宝网</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">京东商城</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">国美在线</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">蘑菇街</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">苏宁易购</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">唯品会</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">淘宝网</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">京东商城</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">国美在线</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">苏宁易购</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">蘑菇街</a></li>
<li><a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">唯品会</a></li>
</ul>
</div>
</div>
... ...
... ... @@ -15,6 +15,41 @@ var $feedBackBox = $('.feed-back-box');
lazyLoad($('img.lazy'));
// 底部友情链接动画效果
function footerLink(num) {
var n = 0;
var intv = 0;
var $linkSection = $('.footer-link-container .link-section');
if (num <= 1) {
return false;
}
function footerLinkSub() {
intv = setInterval(function() {
var top = -48 * ++n;
if (n >= num) {
n = 0;
$linkSection.css({top: 48}).animate({top: 0}, 200);
return true;
}
$linkSection.animate({top: top}, 300);
}, 3000);
}
footerLinkSub();
$linkSection.hover(function() {
clearInterval(intv);
}, function() {
footerLinkSub();
});
}
footerLink(Math.ceil($('.link-section').height() / 48));
/**
* 订阅
* @return {[type]} [description]
... ...
... ... @@ -535,6 +535,7 @@
font-size: 12px;
letter-spacing: 0;
width: 1090px;
position: relative;
li {
display: inline-block;
... ...