科护科技 呵护生活 欢迎您访问科护!

淘宝首页装修特效

项目信息

服务类型:店铺装修

访问次数:263

点击访问

案例详情

先放上装修好的效果图,大概用了10个效果,可手动添加!关于如何实现和效果名称请参阅图片下方介绍。适用店铺类型:淘宝旺铺专业版

  • 效果①:摒弃自用店招和导航,自行利用图片进行重新设计,而且可以切片自定义添加链接。原理-淘宝店招最大高度为150PX,利用图片进行遮盖;
  • 效果②:全屏轮播代码,可手动左右翻页,而且底部也有半透明小圆钮显示,轮播更直观,图片没有达到1920,而是设置成了1680×500 不过基本也能全屏,之前分享过这个全屏代码,不过之前的图片位置没有仔细调整,这个装修对图片位置做了重新调整,居中无偏移;
  • 效果③:翻页代码,可以手动进行左右翻页,来源淘代码,之所以用这个效果感觉和整个店铺搭配效果不错;
  • 效果④:这个代码相对来说比较简单,就是两个图片的重叠,鼠标经过重新显示底部图片;
  • 效果⑤:10小图一大图,可利用多图展示,充分利用空间!效果,鼠标经过小图或者要查看的图片大图会自动更新成所要展示的图片,代码同样来自淘代码;
  • 效果⑥:一小可实现三图轮播,其他代码为鼠标经过自动替换成设置的第二个图片;
  • 效果⑦:改成了八图展示,并对底部轮播按钮尺寸大小进行了调整,使整个画面看起来比较协调,该展示效果用于正面/反面/平铺图等三图展示,图片轮播效果自动和手动交替使用;
  • 效果⑧:也是八图展示,原理基本类似效果三,不过对边框和文字添加了一点效果,具体什么效果,你猜吧;
  • 效果⑨:两个旋转按钮,鼠标放在上面会进行旋转切换,也没想到怎么用,只是觉得效果不错,就先放在这里了!貌似这个代码还有很多BUG,如:在chrome浏览器中显示正常,IE10和foxfire(火狐)效果显示不全;
  • 效果⑩:最后一个,没什么个效果,就是一张图片;亲,难道这里就会放一张图片那么简单,当然不,哈哈,这是一张全屏图片,亲,你看到了没?