淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1144|回复: 17
收起左侧

[装修相关] 急急急!哪位大侠知道阿芙家的这种效果是怎么做的?

[复制链接]
  • TA的每日心情
    吐舌头
    2016-10-30 13:08
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    25

    主题

    413

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27586

    淘宝钻级店美工最佳新人热心会员

    QQ
    发表于 2015-6-18 15:48:45 | 显示全部楼层 |阅读模式
    看到阿芙家的这种效果很好,就是上面一排,鼠标放上去 哪一个 下面的图就变成哪一个这种效果,求大侠告知怎么实现的呢?

    鼠标经过变化

    鼠标经过变化
    时光简陋覆水难收。
  • TA的每日心情
    吐舌头
    2016-10-30 13:08
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    25

    主题

    413

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27586

    淘宝钻级店美工最佳新人热心会员

    QQ
     楼主| 发表于 2015-6-18 15:49:48 | 显示全部楼层
    http://afusjt.tmall.com/?kid=28564_128244_592112_730598   这是那个页面
    时光简陋覆水难收。
  • TA的每日心情
    思考
    2015-11-25 09:47
  • 签到天数: 102 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    223

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15899

    天猫美工最佳新人热心会员

    QQ
    发表于 2015-6-18 15:52:44 | 显示全部楼层
    这个要DW自己搞代码了,码盲路过。可以跪拜码神去了,亲~

    评分

    参与人数 1美工币 +20 收起 理由
    久灵 + 20 继续跟踪。。。

    查看全部评分

    人生自古谁无死,早死晚死都要死。
  • TA的每日心情
    吐舌头
    2016-8-18 09:10
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    27

    主题

    636

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43157

    发表于 2015-6-18 15:56:32 | 显示全部楼层
    旋转木马
  • TA的每日心情
    抱抱
    2015-8-28 09:03
  • 签到天数: 75 天

    连续签到: 2 天

    [LV.6]渐入佳境

    4

    主题

    236

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    16452

    发表于 2015-6-18 15:58:46 | 显示全部楼层
    fash可以做的
    哈哈哈哈哈
  • TA的每日心情
    委屈
    2016-7-23 03:35
  • 签到天数: 89 天

    连续签到: 1 天

    [LV.6]渐入佳境

    10

    主题

    478

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    86237

    最佳新人热心会员宣传达人

    发表于 2015-6-18 16:31:14 | 显示全部楼层
    就是一个轮播而已啊
    心有猛虎,细嗅像素。严格意义来讲,打水印和打码一样,都是下流的凑性。
  • TA的每日心情

    2016-6-11 16:25
  • 签到天数: 192 天

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    553

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27818

    天猫美工热心会员最佳新人

    QQ
    发表于 2015-6-18 16:58:16 | 显示全部楼层
    转自http://eyunsj.taobao.com/  内容自己去更改,我自己店铺试过,可以用
    1. <div class="skin-box tb-module tshop-pbsm tshop-pbsm-shop-self-defined">
    2.         <s class="skin-box-tp"><b></b></s>
    3.                         <div class="skin-box-bd clear-fix">
    4.             <span>
    5.                                                                     <div class="J_TWidget" data-widget-config="{'contentCls': 'bbs-taobaoux-com-con','navCls': 'bbs-taobaoux-com-nav','effect': 'fade'}" data-widget-type="Carousel"><div class="bbs-taobaoux-com-con" style="width:950px;height:678px;"><div style="width: 950px; top: -60px; display: block; opacity: 1; position: absolute; z-index: 9;" class="ks-switchable-panel-internal761"><div style="height:618px;"><div class="footer-more-trigger" style="padding:0;border:none;top:auto;left:50%;width:1920px;"><div class="footer-more-trigger" style="padding:0;border:none;top:auto;left:-50%;width:1920px;"><div class="J_TWidget palyball-all" data-widget-config="{'effect':'fade','easing':'easeOutStrong','contentCls':'taobaouxhai-1','navCls':'tbuxhai-1','interval':'10','triggerType':'mouse'}" data-widget-type="Carousel"><div class="tbuxhai-1 footer-more-trigger" style="padding:0;border:none;top:auto;z-index:80;left:auto;margin:8px 0 0 64px;width:auto;"><div class="-_-switchable-trigger-internal3769 ks-switchable-trigger-internal763" style="margin-right:47px;float:left;cursor:pointer;height:200px;width:94px;display:block;margin-left:600px;margin-top:100px;"><img style="height:200px;width:94px;" src="//gdp.alicdn.com/imgextra/i2/131914069/T23nofXMXaXXXXXXXX-131914069.png"></div><div class="-_-switchable-trigger-internal3769 ks-switchable-trigger-internal763" style="margin-right:34px;float:left;cursor:pointer;height:200px;width:93px;display:block;margin-top:100px;"><img style="height:200px;width:93px;" src="//gdp.alicdn.com/imgextra/i3/131914069/T2HWAiXNXXXXXXXXXX-131914069.png"></div><div class="-_-switchable-trigger-internal3769 ks-switchable-trigger-internal763 ks-active" style="margin-right:47px;float:left;cursor:pointer;height:200px;width:108px;display:block;margin-top:100px;"><img style="height:200px;width:108px;" src="//gdp.alicdn.com/imgextra/i1/131914069/T216MkXGVXXXXXXXXX-131914069.png"></div><div class="-_-switchable-trigger-internal3769 ks-switchable-trigger-internal763" style="margin-right:39px;float:left;cursor:pointer;height:200px;width:129px;display:block;margin-top:100px;"><img style="height:200px;width:129px;" src="//gdp.alicdn.com/imgextra/i1/131914069/T2c87gXIRaXXXXXXXX-131914069.png"></div><div class="-_-switchable-trigger-internal3769 ks-switchable-trigger-internal763" style="margin-right:26px;cursor:pointer;height:200px;width:93px;display:block;float:left;margin-top:100px;"><img style="height:200px;width:93px;" src="//gdp.alicdn.com/imgextra/i3/131914069/T2HWAiXNXXXXXXXXXX-131914069.png"></div></div><div class="taobaouxhai-1" style="padding:0;border:none;height:678px;overflow:hidden;"><div class="-_-switchable-panel-internal3770 ks-switchable-panel-internal764" style="display: block; opacity: 0; z-index: 1; position: absolute;"><p><img border="0" src="//gdp.alicdn.com/imgextra/i3/131914069/T2EGQgXJtaXXXXXXXX-131914069.jpg"></p></div><div class="-_-switchable-panel-internal3770 ks-switchable-panel-internal764" style="display: block; opacity: 0; z-index: 1; position: absolute;"><p><img border="0" src="//gdp.alicdn.com/imgextra/i1/131914069/T236AiXJpXXXXXXXXX-131914069.jpg"></p></div><div class="-_-switchable-panel-internal3770 ks-switchable-panel-internal764" style="display: block; opacity: 1; z-index: 9; position: absolute;"><p><img border="0" src="//gdp.alicdn.com/imgextra/i2/131914069/T2fLQgXHXaXXXXXXXX-131914069.jpg"></p></div><div class="-_-switchable-panel-internal3770 ks-switchable-panel-internal764" style="display: block; opacity: 0; z-index: 1; position: absolute;"><p><img border="0" src="//gdp.alicdn.com/imgextra/i4/131914069/T2e3QiXGpXXXXXXXXX-131914069.jpg"></p></div><div class="-_-switchable-panel-internal3770 ks-switchable-panel-internal764" style="display: block; opacity: 0; z-index: 1; position: absolute;"><p><img border="0" src="//gdp.alicdn.com/imgextra/i3/131914069/T28hIhXQlXXXXXXXXX-131914069.jpg"></p></div></div></div></div></div></div></div></div><div class="bbs-taobaoux-com-nav ks-switchable-panel-internal761" style="display: block; opacity: 0; position: absolute; z-index: 1;">&nbsp;<li class="ks-active ks-switchable-trigger-internal760">1</li><li class="ks-switchable-trigger-internal760">2</li></div></div>
    6.                                                         </span>
    7.         </div>
    8.         <s class="skin-box-bt"><b></b></s>
    9.                
    10.         </div>
    复制代码

  • TA的每日心情
    抱抱
    2015-8-14 09:53
  • 签到天数: 53 天

    连续签到: 1 天

    [LV.5]略有小成

    7

    主题

    248

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12565

    最佳新人热心会员

    QQ
    发表于 2015-6-18 17:08:22 | 显示全部楼层
    审查元素看得出来,不够他是在一个自定义模板里整理好长一屏,要单独取出来,貌似有点难了
    好的开始,需要不断的努力!
  • TA的每日心情
    加油
    2016-2-19 10:16
  • 签到天数: 112 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    410

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23943

    最佳新人热心会员

    QQ
    发表于 2015-6-18 17:32:52 | 显示全部楼层
    好高端的样子
    我就看看不说话
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-10 13:09 , Processed in 0.122975 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表