淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 7168|回复: 19
收起左侧

今天看到有人问店招上鼠标经过换图片的问题

[复制链接]
  • TA的每日心情
    加油
    3 天前
  • 签到天数: 370 天

    连续签到: 1 天

    [LV.9]已臻大成

    8

    主题

    471

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55126

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

    发表于 2015-4-16 17:28:50 | 显示全部楼层 |阅读模式
    本帖最后由 sidarr 于 2015-4-16 17:33 编辑

    看到有人问,就偷偷的去改下原本是放在自定义里300X300的效果  没想到还能用
    1. <table width="952" border="0" cellpadding="0" cellspacing="0">
    2.   <tbody>
    3.     <tr>
    4.       <td rowspan="2">
    5.          <img src="前面这些我都没有加" width=*** height=*** alt="" />
    6.       </td>
    7.       <td rowspan="2">
    8.          <img src="前面这些我都没有加"width=*** height=*** alt="" />
    9.       </td>
    10.       <td colspan="8">
    11.          <img src="前面这些我都没有加width=*** height=*** alt="" />
    12.       </td>
    13.     </tr>
    14.     <tr>
    复制代码
    好了  具体演示效果我就不发了 免得认为是打广告的
    记得改宽度哟~



  • TA的每日心情
    加油
    3 天前
  • 签到天数: 370 天

    连续签到: 1 天

    [LV.9]已臻大成

    8

    主题

    471

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55126

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

     楼主| 发表于 2015-4-16 17:35:23 | 显示全部楼层
    本帖最后由 sidarr 于 2015-4-16 17:36 编辑

    额  不晓得为什么  发了2次都只有最上面的部分。。
    1. <td>
    2.         <div class="sub all_t1" style="width:***px;height:30px;border:0px dashed #CCC;background:url(这里放你想一直显示的图片);float:left;">
    3.           <div data-widget-config="{"trigger":".all_t1","align":{"node":".all_t1","offset":[0,-30],"points":["bc","tc"]}}" data-widget-type="Popup" class="J_TWidget hidden">
    4.             <div style="width:***px;height:30px;background:url(这里放鼠标经过变成的图片);">
    5.               <a href="这里是链接处" style="display:block;width:***px;height:30px;" target="_blank"></a>
    6.             </div>
    7.           </div>
    8.         </div>
    9.       </td>
    10.       <td>
    11.          <div class="sub all_t1" style="width:***px;height:30px;border:0px dashed #CCC;background:url(这里放你想一直显示的图片);float:left;">
    12.           <div data-widget-config="{"trigger":".all_t1","align":{"node":".all_t1","offset":[0,-30],"points":["bc","tc"]}}" data-widget-type="Popup" class="J_TWidget hidden">
    13.             <div style="width:***px;height:30px;background:url(这里放鼠标经过变成的图片);">
    14.               <a href="这里是链接处" style="display:block;width:***px;height:30px;" target="_blank"></a>
    15.             </div>
    16.           </div>
    17.         </div>
    18.       </td>
    19.       <td>
    20.          <div class="sub all_t1" style="width:***px;height:30px;border:0px dashed #CCC;background:url(这里放你想一直显示的图片);float:left;">
    21.           <div data-widget-config="{"trigger":".all_t1","align":{"node":".all_t1","offset":[0,-30],"points":["bc","tc"]}}" data-widget-type="Popup" class="J_TWidget hidden">
    22.             <div style="width:***px;height:30px;background:url(这里放鼠标经过变成的图片);">
    23.               <a href="这里是链接处" style="display:block;width:***px;height:30px;" target="_blank"></a>
    24.             </div>
    25.           </div>
    26.         </div>
    27.       </td>
    28.       <td>
    29.          <div class="sub all_t1" style="width:***px;height:30px;border:0px dashed #CCC;background:url(这里放你想一直显示的图片);float:left;">
    30.           <div data-widget-config="{"trigger":".all_t1","align":{"node":".all_t1","offset":[0,-30],"points":["bc","tc"]}}" data-widget-type="Popup" class="J_TWidget hidden">
    31.             <div style="width:***px;height:30px;background:url(这里放鼠标经过变成的图片);">
    32.               <a href="这里是链接处" style="display:block;width:***px;height:30px;" target="_blank"></a>
    33.             </div>
    34.           </div>
    35.         </div>
    36.       </td>
    37.       <td>
    38.        <div class="sub all_t1" style="width:***px;height:30px;border:0px dashed #CCC;background:url(这里放你想一直显示的图片);float:left;">
    39.           <div data-widget-config="{"trigger":".all_t1","align":{"node":".all_t1","offset":[0,-30],"points":["bc","tc"]}}" data-widget-type="Popup" class="J_TWidget hidden">
    40.             <div style="width:***px;height:30px;background:url(这里放鼠标经过变成的图片);">
    41.               <a href="这里是链接处" style="display:block;width:***px;height:30px;" target="_blank"></a>
    42.             </div>
    43.           </div>
    44.         </div>
    45.       </td>
    46.       <td>
    47.          <div class="sub all_t1" style="width:***px;height:30px;border:0px dashed #CCC;background:url(这里放你想一直显示的图片);float:left;">
    48.           <div data-widget-config="{"trigger":".all_t1","align":{"node":".all_t1","offset":[0,-30],"points":["bc","tc"]}}" data-widget-type="Popup" class="J_TWidget hidden">
    49.             <div style="width:***px;height:30px;background:url(这里放鼠标经过变成的图片);">
    50.               <a href="这里是链接处" style="display:block;width:***px;height:30px;" target="_blank"></a>
    51.             </div>
    52.           </div>
    53.         </div>
    54.       </td>
    55.       <td>
    56.          <div class="sub all_t1" style="width:***px;height:30px;border:0px dashed #CCC;background:url(这里放你想一直显示的图片);float:left;">
    57.           <div data-widget-config="{"trigger":".all_t1","align":{"node":".all_t1","offset":[0,-30],"points":["bc","tc"]}}" data-widget-type="Popup" class="J_TWidget hidden">
    58.             <div style="width:***px;height:30px;background:url(这里放鼠标经过变成的图片);">
    59.               <a href="这里是链接处" style="display:block;width:***px;height:30px;" target="_blank"></a>
    60.             </div>
    61.           </div>
    62.         </div>
    63.       </td>
    64.       <td>
    65.           <div class="sub all_t1" style="width:***px;height:30px;border:0px dashed #CCC;background:url(这里放你想一直显示的图片);float:left;">
    66.           <div data-widget-config="{"trigger":".all_t1","align":{"node":".all_t1","offset":[0,-30],"points":["bc","tc"]}}" data-widget-type="Popup" class="J_TWidget hidden">
    67.             <div style="width:***px;height:30px;background:url(这里放鼠标经过变成的图片);">
    68.               <a href="这里是链接处" style="display:block;width:***px;height:30px;" target="_blank"></a>
    69.       </td>
    70.     </tr>
    71.   </tbody>
    72. </table>
    复制代码




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

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

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

    发表于 2015-4-16 18:54:10 | 显示全部楼层
    楼主你别得意,你确定你这个可以变换图片?

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


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

  • TA的每日心情
    加油
    3 天前
  • 签到天数: 370 天

    连续签到: 1 天

    [LV.9]已臻大成

    8

    主题

    471

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55126

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

     楼主| 发表于 2015-4-16 19:00:57 | 显示全部楼层
    乖乖兔 发表于 2015-4-16 18:54
    楼主你别得意,你确定你这个可以变换图片?

    我确定可以了

  • TA的每日心情
    思考
    2016-1-1 09:21
  • 签到天数: 231 天

    连续签到: 59 天

    [LV.7]炉火纯青

    1

    主题

    359

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    51271

    最佳新人

    QQ
    发表于 2015-4-16 19:07:18 | 显示全部楼层

  • TA的每日心情

    2014-8-16 11:02
  • 签到天数: 2 天

    连续签到: 1 天

    [LV.1]初学乍练

    3

    主题

    31

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    14213

    发表于 2015-4-16 21:51:18 | 显示全部楼层
    弹出层吧,详情页完全失效的~~~

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


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

  • TA的每日心情
    思考
    2016-9-11 15:54
  • 签到天数: 206 天

    连续签到: 1 天

    [LV.7]炉火纯青

    24

    主题

    1028

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32979

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

    QQ
    发表于 2015-4-16 22:15:42 | 显示全部楼层
    敢发店铺吗?
    即使睁开眼睛也看不见,我的心在黑暗中——林疋火昱
  • TA的每日心情
    大哭
    2016-11-30 22:41
  • 签到天数: 246 天

    连续签到: 1 天

    [LV.8]自成一派

    8

    主题

    573

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    52978

    最佳新人热心会员

    发表于 2015-4-16 22:21:02 | 显示全部楼层
    冰河洗剑 发表于 2015-4-16 21:51
    弹出层吧,详情页完全失效的~~~

    我店铺里面的导航也是这样的  为什么宝贝详情页的时候会失效哦 亲能否和我说一下嗯

    淘宝女装小店主一枚
  • TA的每日心情
    臭美
    2016-8-31 13:49
  • 签到天数: 274 天

    连续签到: 1 天

    [LV.8]自成一派

    23

    主题

    393

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32053

    发表于 2015-4-17 08:46:34 | 显示全部楼层
    因为这个到了详情就会失效的,一直都是这样的~主要在详情没有出错就好了~
    小煒小站 http://www.lliwenwei.net/ 打打小广告
  • TA的每日心情
    吐舌头
    半小时前
  • 签到天数: 783 天

    连续签到: 4 天

    [LV.10]功行圆满

    13

    主题

    1408

    帖子

    16万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    167666

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

    发表于 2015-4-17 09:27:41 | 显示全部楼层
    我比较想看演示效果

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-8 10:12 , Processed in 0.159139 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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