淘宝首页怎么做动态效果，淘宝电脑端的动图怎么做的

淘宝首页滚动的无线宝箱怎么设置

一般店家都从淘宝买模版，淘宝有几百种模版供选购，所以图片滚动，只要自己在装修店铺时，一张一张添加进去就可以。另一种做法，就是自己作gif动画。

淘宝电脑端的动图怎么做的

淘宝电脑端的动图怎么做？

淘宝装修看到有图片的动态效果非常吸引眼球，大图可用幻灯，小图可用gif的方式实现效果，淘宝电脑端如何添加动态gif图片效果操作步骤？

本文重在说再电脑端即PC端装修中怎么添加gif动态图片效果，手机端前文有写具体操作，与电脑端完全不同。具体gif的制作其他章节会再写。

1：淘宝电脑端添加动态效果操作步骤：首先打开淘宝千牛后台

2：选择“店铺装修”-“页面”-“自定义页面”

3：右上角新建页面，一个测试用页面以便查看效果

4：在“布局管理”中添加“自定义区”

5：选回“页面编辑”，编辑自定义内容区。

6；从淘宝图片空间选择上传好的动图动态gif图片

7：操作完成，可预览动图，淘宝电脑端添加的动态gif图片。

淘宝手机端详情页GIF动图为什么不会动只显

在首页添加个图片模块，然后把gif动态图片添加进去就可以了！（首先确定你的gif图片本身就是动态的，也就是用图片查看器可以看到动态效果）

淘宝首页返回顶部效果怎么做到的

重写window.onscroll()事件，先将返回顶部div设置为position:fixed;right:10px;bottom:10px;display:none，一旦event.scrollTop>100(100可以设置为你想要的值)就display:block（fadeIn()），否则display:none(fadeOut())。还要设置返回顶部div点击事件，onclick(function(){$('body,html').animate({scrollTop:0},1000);})，这个什么意思不用我多说吧，既然搞Jquery，动画还是应该晓得。

<styletype="css/text">#gotop{position:fixed;right:10px;bottom:10px;display:none}</style><divid="gotop"></div><scripttype="javascript/text">$(function(){$(window).scroll(function(){if($(window).scrollTop>100){$("#gotop").fadeIn(1000);//一秒渐入动画}else{$("#gotop").fadeOut(1000);//一秒渐隐动画}});$("#gotop").click(function(){$('body,html').animate({scrollTop:0},1000);});});</script>