淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2087|回复: 13
收起左侧

这种2处的效果需要怎么做?求大神指点迷津

[复制链接]
  • TA的每日心情
    加油
    2015-12-5 17:31
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    7

    主题

    55

    帖子

    9704

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9704

    发表于 2015-4-19 17:16:52 | 显示全部楼层 |阅读模式
    这种效果是怎么做的啊,代码一直不是很懂,但是 好喜欢 这些动作,

    鼠标移动的文字上会变颜色,这种怎么做的啊

    鼠标移动的文字上会变颜色,这种怎么做的啊

    还有这里 移动会变 求大神指点迷津

    还有这里 移动会变 求大神指点迷津

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


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

  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

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

    发表于 2015-4-19 17:46:23 | 显示全部楼层
    鼠标经过变幻代码,论坛有很多

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


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

  • TA的每日心情
    加油
    2015-12-5 17:31
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    7

    主题

    55

    帖子

    9704

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9704

     楼主| 发表于 2015-4-19 18:06:56 | 显示全部楼层
    这是店铺链接 :http://maychao.tmall.com/?spm=a220o.1000855.1997427721.d4918089.FEjUBE

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


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

  • TA的每日心情
    抱抱
    2016-10-14 17:55
  • 签到天数: 90 天

    连续签到: 1 天

    [LV.6]渐入佳境

    17

    主题

    585

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23826

    发表于 2015-4-19 20:04:20 | 显示全部楼层
    弄点有交互性的

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


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

  • TA的每日心情
    抱抱
    昨天 00:27
  • 签到天数: 1104 天

    连续签到: 9 天

    [LV.10]功行圆满

    4

    主题

    316

    帖子

    23万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    239883

    发表于 2015-4-20 11:32:23 | 显示全部楼层
    下面一个改的
    1. <div class="skin-box-bd clear-fix">
    2.          <span>
    3.         <div style="height:272px;width:950px;">
    4.                 <div class="footer-more-trigger" style="width:990px;height:272px;left:auto;top:auto;margin:0;padding:0;border:0;">
    5.                         <div class="footer-more-trigger" style="top:auto;left:-20px;margin:0;padding:0;border:0;">
    6.                                 <table height="272" align="center" border="0" cellpadding="0" cellspacing="0" width="990">
    7.                                         <tbody>
    8.                                                 <tr>
    9.                                                         <td>
    10.                                                                 <div class="sub all_t01" style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i4/726650979/TB2.iVAcpXXXXbKXpXXXXXXXXXX_!!726650979.png[/img]);float:left;width:196px;margin:0;padding:0;">
    11.                                                                         <div class="J_TWidget hidden -_-popup -_-overlay -_-ext-position -_-popup-hidden -_-overlay-hidden" data-widget-config="{&quot;trigger&quot;:&quot;.all_t01&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.all_t01&quot;,&quot;offset&quot;:[0,-272],&quot;points&quot;:[&quot;bc&quot;,&quot;tc&quot;]}}" data-widget-type="Popup" style="display:block;left:0px;top:0px;z-index:10000000;">
    12.                                                                                 <div class="ks-popup-content">
    13.                                                                                         <div class="ks-contentbox">
    14.                                                                                                 <div style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i3/726650979/TB25edIcpXXXXa5XXXXXXXXXXXX_!!726650979.png[/img]);width:196px;">
    15.                                                                                                         <a style="height:272px;display:block;width:196px;" target="_blank" href="链接" data-spm-anchor-id="a1z10.1-c.w5003-7737374220.1" data-spm-wangpu-module-id="5003-7737374220"> </a>
    16.                                                                                                 </div>
    17.                                                                                         </div>
    18.                                                                                 </div>
    19.                                                                         </div>
    20.                                                                 </div>
    21.                                                         </td>
    22.                                                         <td>
    23.                                                                 <div class="sub all_t02" style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i4/726650979/TB2.iVAcpXXXXbKXpXXXXXXXXXX_!!726650979.png[/img]);float:left;width:196px;margin:0;padding:0;">
    24.                                                                         <div class="J_TWidget hidden -_-popup -_-overlay -_-ext-position -_-popup-hidden -_-overlay-hidden ks-popup-hidden ks-overlay-hidden" data-widget-config="{&quot;trigger&quot;:&quot;.all_t02&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.all_t02&quot;,&quot;offset&quot;:[0,-272],&quot;points&quot;:[&quot;bc&quot;,&quot;tc&quot;]}}" data-widget-type="Popup" style="display:block;left:196px;top:0px;z-index:10000000;">
    25.                                                                                 <div class="ks-popup-content">
    26.                                                                                         <div class="ks-contentbox">
    27.                                                                                                 <div style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i3/726650979/TB25edIcpXXXXa5XXXXXXXXXXXX_!!726650979.png[/img]);width:196px;">
    28.                                                                                                         <a style="height:272px;display:block;width:196px;" target="_blank" href="链接" data-spm-anchor-id="a1z10.1-c.w5003-7737374220.2" data-spm-wangpu-module-id="5003-7737374220"> </a>
    29.                                                                                                 </div>
    30.                                                                                         </div>
    31.                                                                                 </div>
    32.                                                                         </div>
    33.                                                                 </div>
    34.                                                         </td>
    35.                                                         <td>
    36.                                                                 <div class="sub all_t03" style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i4/726650979/TB2.iVAcpXXXXbKXpXXXXXXXXXX_!!726650979.png[/img]);float:left;width:196px;margin:0;padding:0;">
    37.                                                                         <div class="J_TWidget hidden -_-popup -_-overlay -_-ext-position -_-popup-hidden -_-overlay-hidden ks-popup-hidden ks-overlay-hidden" data-widget-config="{&quot;trigger&quot;:&quot;.all_t03&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.all_t03&quot;,&quot;offset&quot;:[0,-272],&quot;points&quot;:[&quot;bc&quot;,&quot;tc&quot;]}}" data-widget-type="Popup" style="display:block;left:392px;top:0px;z-index:10000000;">
    38.                                                                                 <div class="ks-popup-content">
    39.                                                                                         <div class="ks-contentbox">
    40.                                                                                                 <div style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i3/726650979/TB25edIcpXXXXa5XXXXXXXXXXXX_!!726650979.png[/img]);width:196px;">
    41.                                                                                                         <a style="height:272px;display:block;width:196px;" target="_blank" href="链接" data-spm-anchor-id="a1z10.1-c.w5003-7737374220.3" data-spm-wangpu-module-id="5003-7737374220"> </a>
    42.                                                                                                 </div>
    43.                                                                                         </div>
    44.                                                                                 </div>
    45.                                                                         </div>
    46.                                                                 </div>
    47.                                                         </td>
    48.                                                         <td>
    49.                                                                 <div class="sub all_t04" style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i4/726650979/TB2.iVAcpXXXXbKXpXXXXXXXXXX_!!726650979.png[/img]);float:left;width:196px;margin:0;padding:0;">
    50.                                                                         <div class="J_TWidget hidden ks-popup-hidden ks-overlay-hidden" data-widget-config="{&quot;trigger&quot;:&quot;.all_t04&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.all_t04&quot;,&quot;offset&quot;:[0,-272],&quot;points&quot;:[&quot;bc&quot;,&quot;tc&quot;]}}" data-widget-type="Popup" style="display:block;left:588px;top:0px;z-index:10000000;">
    51.                                                                                 <div class="ks-popup-content">
    52.                                                                                         <div style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i3/726650979/TB25edIcpXXXXa5XXXXXXXXXXXX_!!726650979.png[/img]);width:196px;">
    53.                                                                                                 <a style="height:272px;display:block;width:196px;" target="_blank" href="链接" data-spm-anchor-id="a1z10.1-c.w5003-7737374220.4" data-spm-wangpu-module-id="5003-7737374220"> </a>
    54.                                                                                         </div>
    55.                                                                                 </div>
    56.                                                                         </div>
    57.                                                                 </div>
    58.                                                         </td>
    59.                                                         <td>
    60.                                                                 <div class="sub all_t05" style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i4/726650979/TB2.iVAcpXXXXbKXpXXXXXXXXXX_!!726650979.png[/img]);float:left;width:196px;margin:0;padding:0;">
    61.                                                                         <div class="J_TWidget hidden -_-popup -_-overlay -_-ext-position -_-popup-hidden -_-overlay-hidden ks-popup-hidden ks-overlay-hidden" data-widget-config="{&quot;trigger&quot;:&quot;.all_t05&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.all_t05&quot;,&quot;offset&quot;:[0,-272],&quot;points&quot;:[&quot;bc&quot;,&quot;tc&quot;]}}" data-widget-type="Popup" style="display:block;left:784px;top:0px;z-index:10000000;">
    62.                                                                                 <div class="ks-popup-content">
    63.                                                                                         <div class="ks-contentbox">
    64.                                                                                                 <div style="height:272px;background:url([img]http://gdp.alicdn.com/imgextra/i3/726650979/TB25edIcpXXXXa5XXXXXXXXXXXX_!!726650979.png[/img]);width:196px;">
    65.                                                                                                         <a style="height:272px;display:block;width:196px;" target="_blank" href="链接" data-spm-anchor-id="a1z10.1-c.w5003-7737374220.5" data-spm-wangpu-module-id="5003-7737374220"> </a>
    66.                                                                                                
    67.                                                                                                 </div>
    68.                                                                                         </div>
    69.                                                                                 </div>
    70.                                                                         </div>
    71.                                                                 </div>
    72.                                                         </td>
    73.                                                 </tr>
    74.                                         </tbody>
    75.                                 </table>
    76.                         </div>
    77.                 </div>
    78.         </div>
    79.          </span>
    80. </div>
    复制代码
    你看看 试了没发布,主要是突破950,是990的

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


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

  • TA的每日心情
    加油
    2015-12-5 17:31
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    7

    主题

    55

    帖子

    9704

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9704

     楼主| 发表于 2015-4-22 09:42:56 | 显示全部楼层
    好像实现不了 ,为什么图片显示不了 有一个框架,

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


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

  • TA的每日心情
    加油
    2015-12-5 17:31
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    7

    主题

    55

    帖子

    9704

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9704

     楼主| 发表于 2015-4-22 09:52:47 | 显示全部楼层
    leike 发表于 2015-4-20 11:32
    下面一个改的你看看 试了没发布,主要是突破950,是990的

    辛苦了,谢谢  不过为什么我试了下,都是空白的呢,图片在 里面都不显示,这个需要CSS?


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


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

  • TA的每日心情
    抱抱
    昨天 00:27
  • 签到天数: 1104 天

    连续签到: 9 天

    [LV.10]功行圆满

    4

    主题

    316

    帖子

    23万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    239883

    发表于 2015-4-22 13:12:36 | 显示全部楼层
    正常的啊 你是C店么 我发布后 用两个游览器都是正常的 要么你换一下图片。这是我的试版店铺你看看。http://guocai1968.taobao.com/

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


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

  • TA的每日心情
    加油
    2015-12-5 17:31
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    7

    主题

    55

    帖子

    9704

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9704

     楼主| 发表于 2015-4-25 16:12:24 | 显示全部楼层
    leike 发表于 2015-4-22 13:12
    正常的啊 你是C店么 我发布后 用两个游览器都是正常的 要么你换一下图片。这是我的试版店铺你看看。http:// ...

    那就奇怪了, 我们图片上传到我空间去过  然后我换过图片链接了。,代码放进去之后, 都是空白的,。

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


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

  • TA的每日心情
    加油
    2015-12-5 17:31
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    7

    主题

    55

    帖子

    9704

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9704

     楼主| 发表于 2015-4-25 16:14:39 | 显示全部楼层
    leike 发表于 2015-4-22 13:12
    正常的啊 你是C店么 我发布后 用两个游览器都是正常的 要么你换一下图片。这是我的试版店铺你看看。http:// ...

    我的是C店, ,我把你的代码放在DW里面看  也是空白的,什么都没有 只有一个框架

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-11 02:39 , Processed in 0.120601 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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