淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 702|回复: 11
收起左侧

[装修相关] 跪求大神给下这个详情页特效

[复制链接]
  • TA的每日心情
    臭美
    2015-5-14 15:18
  • 签到天数: 23 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    4

    主题

    26

    帖子

    5140

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5140

    发表于 2016-5-5 12:33:20 | 显示全部楼层 |阅读模式
    http://detail.tmall.com/item.htm?spm=a230r.1.14.1.3naglp&id=41292781653&ns=1&abbucket=7


    能提供能用者悬赏50RMB


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2016-11-17 13:05
  • 签到天数: 68 天

    连续签到: 1 天

    [LV.6]渐入佳境

    6

    主题

    137

    帖子

    9535

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9535

    发表于 2016-5-5 12:36:38 | 显示全部楼层
    请楼下大神回答问题

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    3 天前
  • 签到天数: 160 天

    连续签到: 1 天

    [LV.7]炉火纯青

    27

    主题

    919

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    25627

    热心会员最佳新人灌水之王

    发表于 2016-5-5 15:13:21 | 显示全部楼层
    其实我只是一枚小小的小白  大神不必在意啦~~
  • TA的每日心情
    加油
    前天 21:03
  • 签到天数: 149 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    53

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19389

    发表于 2016-5-5 15:25:11 | 显示全部楼层
    <div style="width:310px;height:400px;float:left;overflow:hidden;">
            <div class="sub daohang01" style="width:310px;height:400px;background:url() no-repeat;">
                    <div class="J_TWidget hidden ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-config="{'trigger':'.daohang01','align':{'node':'.daohang01','offset':[0,0],'points':['tc','tc']}}" data-widget-type="Popup" style="width:310px;height:400px;display:block;visibility:hidden;left:1px;top:0px;z-index:10000000;">
                            <marquee behavior="slide" direction="up" scrollamount="40" scrolldelay="0" style="width:310px;height:400px;line-height:400px;">
                            <div style="width:310px;height:400px;background:url();">
                                    <a href="www.baidu.com" style="width:310px;height:400px;display:block;" target="_blank"></a></div>
                            </marquee></div>
            </div>
    </div>
    <div style="margin-left:10px;width:310px;height:400px;float:left;overflow:hidden;">
            <div class="sub daohang02" style="width:310px;height:400px;background:url() no-repeat;">
                    <div class="J_TWidget hidden ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-config="{'trigger':'.daohang02','align':{'node':'.daohang02','offset':[0,0],'points':['tc','tc']}}" data-widget-type="Popup" style="width:310px;height:400px;display:block;visibility:hidden;left:1px;top:0px;z-index:10000000;">
                            <marquee behavior="slide" direction="down" scrollamount="40" scrolldelay="0" style="width:310px;height:400px;line-height:400px;">
                            <div style="width:310px;height:400px;background:url();">
                                    <a href="#2" style="width:310px;height:400px;display:block;" target="_blank"></a></div>
                            </marquee></div>
            </div>
    </div>
    <div style="margin-left:10px;width:310px;height:400px;float:left;overflow:hidden;">
            <div class="sub daohang03" style="width:310px;height:400px;background:url() no-repeat;">
                    <div class="J_TWidget hidden ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-config="{'trigger':'.daohang03','align':{'node':'.daohang03','offset':[0,0],'points':['tc','tc']}}" data-widget-type="Popup" style="width:310px;height:400px;display:block;visibility:hidden;left:1px;top:0px;z-index:10000000;">
                            <marquee behavior="slide" direction="right" scrollamount="40" scrolldelay="0" style="width:310px;height:400px;line-height:400px;">
                            <div style="width:310px;height:400px;background:url();">
                                    <a href="#3" style="width:310px;height:400px;display:block;" target="_blank"></a></div>
                            </marquee></div>
            </div>
    </div>

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    不爽
    2013-8-24 09:11
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    10

    主题

    486

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    90257

    热心会员最佳新人活跃会员

    发表于 2016-5-5 22:43:19 | 显示全部楼层
    本帖最后由 感谢豆芽 于 2016-5-5 22:45 编辑
    1. <style>
    2. .xxy_ad {
    3.   width:790px;
    4.   height:auto;
    5.   margin:0px;
    6.   padding:0;
    7. }
    8. .xxy_ad ul {
    9.   list-style:none;
    10.   margin:0;
    11.   padding:0;
    12. }
    13. .xxy_ad ul li {
    14.   float:left;
    15.   margin:4px 0px 0px 4px;
    16.   padding:0;
    17.   display:inline;
    18. }
    19. .xxy_ad ul li a {
    20.   display:block;
    21.   height:128px;
    22. }
    23. .xxy_ad ul li.ad1 a {
    24.   width:128px;
    25.   background:url(http://gdp.alicdn.com/imgextra/i4/601090207/T2NfbCXMdaXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    26. }
    27. .xxy_ad ul li.ad2 a {
    28.   width:128px;
    29.   background:url(http://gdp.alicdn.com/imgextra/i3/601090207/TB21tTUXVXXXXXCXXXXXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    30. }
    31. .xxy_ad ul li.ad3 a {
    32.   width:128px;
    33.   background:url(http://gdp.alicdn.com/imgextra/i1/601090207/T2UBPCXLNaXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    34. }
    35. .xxy_ad ul li.ad4 a {
    36.   width:128px;
    37.   background:url(http://gdp.alicdn.com/imgextra/i3/601090207/T2h9jFXHRXXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    38. }
    39. .xxy_ad ul li.ad5 a {
    40.   width:128px;
    41.   background:url(http://gdp.alicdn.com/imgextra/i3/601090207/T2FfTFXOxXXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    42. }
    43. .xxy_ad ul li.ad5a a {
    44.   width:128px;
    45.   background:url(http://gdp.alicdn.com/imgextra/i2/601090207/TB24U61apXXXXajXXXXXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    46. }
    47. .xxy_ad ul li.ad6 a {
    48.   width:128px;
    49.   background:url(http://gdp.alicdn.com/imgextra/i2/601090207/T2tZ2EXT4XXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    50. }
    51. .xxy_ad ul li.ad7 a {
    52.   width:128px;
    53.   background:url(http://gdp.alicdn.com/imgextra/i2/601090207/T2JUTCXKtaXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    54. }
    55. .xxy_ad ul li.ad8 a {
    56.   width:128px;
    57.   background:url(http://gdp.alicdn.com/imgextra/i3/601090207/T24b_BXNRaXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    58. }
    59. .xxy_ad ul li.ad9 a {
    60.   width:128px;
    61.   background:url(http://gdp.alicdn.com/imgextra/i4/601090207/T2.tLEXGlaXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    62. }
    63. .xxy_ad ul li.ad10 a {
    64.   width:128px;
    65.   background:url(http://gdp.alicdn.com/imgextra/i3/601090207/T2GP6CXKdaXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    66. }
    67. .xxy_ad ul li.ad11 a {
    68.   width:128px;
    69.   background:url(http://gdp.alicdn.com/imgextra/i1/601090207/T2SfnzXM0aXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    70. }
    71. .xxy_ad ul li.ad12 a {
    72.   width:128px;
    73.   background:url(http://gdp.alicdn.com/imgextra/i2/601090207/T2E9TDXHRaXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    74. }
    75. .xxy_ad ul li.ad12a a {
    76.   width:128px;
    77.   background:url(http://gdp.alicdn.com/imgextra/i1/601090207/TB2LPKzXVXXXXcMXXXXXXXXXXXX_!!601090207.gif) 0 0 no-repeat;
    78. }
    79. .xxy_ad ul li.ad1 a:hover,.xxy_ad ul li.ad2 a:hover,.xxy_ad ul li.ad3 a:hover,.xxy_ad ul li.ad4 a:hover,.xxy_ad ul li.ad5 a:hover,.xxy_ad ul li.ad5a a:hover,.xxy_ad ul li.ad6 a:hover,.xxy_ad ul li.ad7 a:hover,.xxy_ad ul li.ad8 a:hover,.xxy_ad ul li.ad9 a:hover,.xxy_ad ul li.ad10 a:hover,.xxy_ad ul li.ad11 a:hover,.xxy_ad ul li.ad12 a:hover,.xxy_ad ul li.ad12a a:hover {
    80.   background-position:0 -128px;
    81. }

    82. </style>


    83. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    84. <div class="xxy_ad">
    85.   <ul>
    86.     <li class="ad1" style="margin-left:1px;"><a  target="_blank"></a></li>
    87.     <li class="ad2"><a  target="_blank"></a></li>
    88.     <li class="ad3"><a  target="_blank"></a></li>
    89.     <li class="ad4"><a  target="_blank"></a></li>
    90.     <li class="ad5"><a  target="_blank"></a></li>
    91.     <li class="ad6"><a  target="_blank"></a></li>
    92.   </ul>
    93. </div>
    复制代码


    源码拿去~买了权限的  不过要做还是可以做出来的~~~


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2016-11-15 22:21
  • 签到天数: 185 天

    连续签到: 2 天

    [LV.7]炉火纯青

    15

    主题

    316

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24671

    最佳新人热心会员

    QQ
    发表于 2016-5-6 00:26:36 | 显示全部楼层
    这个很简单,说一下为什么
    第一个,天猫是可以把自定义模块设置到详情页上面的,
    第二个,他这个是详情页模版,上面的关联宝贝是在这个模版设置的
    第三个,可以放自定义模块的亲~~只要找一个触碰换图的代码弄伤就行了(楼上的就有)

    不知道我这样说懂不懂, 有美工基础,在天猫做过的基本都知道吧~~如果不知道楼下继续解释了~~
  • TA的每日心情
    大哭
    9 小时前
  • 签到天数: 324 天

    连续签到: 7 天

    [LV.8]自成一派

    11

    主题

    172

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43687

    发表于 2016-5-6 08:36:25 | 显示全部楼层
    这个要css吗?

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    2016-7-5 10:18
  • 签到天数: 35 天

    连续签到: 1 天

    [LV.5]略有小成

    0

    主题

    88

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13818

    发表于 2016-5-6 11:08:52 | 显示全部楼层
    卡盘轮播

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2016-11-22 14:15
  • 签到天数: 28 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    2

    主题

    147

    帖子

    5909

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5909

    发表于 2016-5-6 11:44:30 | 显示全部楼层
    来学经验

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2015-5-14 15:18
  • 签到天数: 23 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    4

    主题

    26

    帖子

    5140

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5140

     楼主| 发表于 2016-5-11 17:13:16 | 显示全部楼层
    感谢豆芽 发表于 2016-5-5 22:43
    源码拿去~买了权限的  不过要做还是可以做出来的~~~

    亲,就是没有CSS权限啊,有权限就好弄了

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-7 22:34 , Processed in 0.177078 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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