淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1177|回复: 14
收起左侧

[装修相关] 求求大神们指导,小弟着实是做不出来!!!跪谢!!!

[复制链接]
  • TA的每日心情
    心跳
    2015-9-30 10:05
  • 签到天数: 26 天

    连续签到: 3 天

    [LV.4]初窥堂奥

    5

    主题

    44

    帖子

    2720

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2720

    发表于 2015-8-5 17:33:14 | 显示全部楼层 |阅读模式
    情况是这样的:
    小弟想在店招上面同时加上搜索栏和GIF动图,可是每次只能满足一个,自己琢磨了好几天了都没有想出来。拜托各位大神赐教!
    下面这个是有GIF动图的
    1. <table id="__01" width="990" height="120" border="0" cellpadding="0" cellspacing="0">
    2.   <tr>
    3.     <td rowspan="3">
    4.       <img src="https://img.alicdn.com/imgextra/i3/2144664410/TB2DoMweXXXXXcwXXXXXXXXXXXX_!!2144664410.gif" width="197" height="120" alt=""></td>
    5.     <td colspan="9">
    6.       <img src="https://img.alicdn.com/imgextra/i3/2144664410/TB29qoFeXXXXXbhXXXXXXXXXXXX_!!2144664410.gif" width="793" height="16" alt=""></td>
    7.   </tr>
    8.   <tr>
    9.     <td rowspan="2">
    10.       <img src="https://img.alicdn.com/imgextra/i4/2144664410/TB2n5UveXXXXXcRXXXXXXXXXXXX_!!2144664410.gif" width="387" height="104" alt=""></td>
    11.     <td>
    12.       <img src="https://img.alicdn.com/imgextra/i1/2144664410/TB2rkIEeXXXXXbkXXXXXXXXXXXX_!!2144664410.gif" width="87" height="88" alt=""></td>
    13.     <td rowspan="2">
    14.       <img src="https://img.alicdn.com/imgextra/i1/2144664410/TB2Z9UCeXXXXXbCXXXXXXXXXXXX_!!2144664410.gif" width="15" height="104" alt=""></td>
    15.     <td>
    16.       <img src="https://img.alicdn.com/imgextra/i3/2144664410/TB25nMJeXXXXXadXXXXXXXXXXXX_!!2144664410.gif" width="88" height="88" alt=""></td>
    17.     <td rowspan="2">
    18.       <img src="https://img.alicdn.com/imgextra/i1/2144664410/TB2jvIjeXXXXXbWXpXXXXXXXXXX_!!2144664410.gif" width="12" height="104" alt=""></td>
    19.     <td>
    20.       <img src="https://img.alicdn.com/imgextra/i3/2144664410/TB2KtkreXXXXXXKXpXXXXXXXXXX_!!2144664410.gif" width="87" height="88" alt=""></td>
    21.     <td rowspan="2">
    22.       <img src="https://img.alicdn.com/imgextra/i1/2144664410/TB2R2IBeXXXXXbOXXXXXXXXXXXX_!!2144664410.gif" width="14" height="104" alt=""></td>
    23.     <td>
    24.       <img src="https://img.alicdn.com/imgextra/i2/2144664410/TB2IjEjeXXXXXb7XpXXXXXXXXXX_!!2144664410.jpg" width="87" height="88" alt=""></td>
    25.     <td rowspan="2">
    26.       <img src="https://img.alicdn.com/imgextra/i1/2144664410/TB2LlwpeXXXXXayXpXXXXXXXXXX_!!2144664410.gif" width="16" height="104" alt=""></td>
    27.   </tr>
    28.   <tr>
    29.     <td>
    30.       <img src="https://img.alicdn.com/imgextra/i1/2144664410/TB2ew7zeXXXXXcXXXXXXXXXXXXX_!!2144664410.gif" width="87" height="16" alt=""></td>
    31.     <td>
    32.       <img src="https://img.alicdn.com/imgextra/i1/2144664410/TB2NU7ueXXXXXc7XXXXXXXXXXXX_!!2144664410.gif" width="88" height="16" alt=""></td>
    33.     <td>
    34.       <img src="https://img.alicdn.com/imgextra/i4/2144664410/TB2PnEheXXXXXb_XpXXXXXXXXXX_!!2144664410.gif" width="87" height="16" alt=""></td>
    35.     <td>
    36.       <img src="https://img.alicdn.com/imgextra/i1/2144664410/TB2ri7MeXXXXXXnXXXXXXXXXXXX_!!2144664410.gif" width="87" height="16" alt=""></td>
    37.   </tr>
    38. </table>
    复制代码
    下面这个是有搜索框的
    1. <div class="taomeizhuli" style="width:990px;height:120px;overflow:hidden;float:left;background:url(https://img.alicdn.com/imgextra/i3/2144664410/TB2mXZseXXXXXacXpXXXXXXXXXX_!!2144664410.jpg)" data-title="本代码由淘宝美工助理-特效代码生成器自动生成">

    2. <div style="float:left;width:150px;height:20px;display:inline;margin:85px auto auto 40px;">
    3. <form action="http://.tmall.com/search.htm" method="get" target="_blank">
    4. <input type="hidden" name="orderType" value="_hotsell">
    5. <input type="hidden" name="viewType" value="grid">
    6. <input type="hidden" name="baobei_type" value="">
    7. <span class="keyword">
    8. <input name="keyword" type="text" value="" style="outline:none;display:inline;float:left;padding-left:18px;width:91px;height:18px;line-height:18px;border:1px solid #C0C0C0;border-right:0;background:#fff url(https://img.alicdn.com/imgextra/i1/2144664410/TB2WQ.ueXXXXXXiXpXXXXXXXXXX_!!2144664410.png) no-repeat;">
    9. </span>
    10. <span class="submit">
    11. <input type="submit" value="搜索" style="display:inline;float:left;width:40px;height:20px;line-height:20px;background:#E84240;color:#ffffff;border:0;cursor:pointer;">
    12. </span>
    13. </form>
    14. </div>

    15. </div>
    复制代码




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


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

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

    本版积分规则

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

    GMT+8, 2016-12-7 16:43 , Processed in 0.151982 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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