淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1173|回复: 12
收起左侧

[装修相关] 50元求代码,鼠标滑过小图换大图。

[复制链接]

该用户从未签到

2

主题

14

帖子

1528

积分

注册会员

阅读权限: 20

Rank: 2

积分
1528

发表于 2015-5-4 01:00:52 | 显示全部楼层 |阅读模式
换大图.jpg
鼠标经过右边小图,左侧大图会跟换,鼠标移开,大图不会隐藏。(需全屏,C店)
小弟菜鸟,求教大师。50元酬谢。
QQ924231950

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


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

  • TA的每日心情
    加油
    2014-11-6 17:59
  • 签到天数: 86 天

    连续签到: 1 天

    [LV.6]渐入佳境

    11

    主题

    290

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    26458

    最佳新人热心会员

    发表于 2015-5-4 06:32:47 | 显示全部楼层
    没人来?让我来

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


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

  • TA的每日心情
    大哭
    2015-11-15 15:32
  • 签到天数: 194 天

    连续签到: 1 天

    [LV.7]炉火纯青

    43

    主题

    710

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61128

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

    QQ
    发表于 2015-5-4 08:10:46 | 显示全部楼层
    就一个JS轮播,哎
  • TA的每日心情
    吐舌头
    2016-8-18 09:10
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    27

    主题

    636

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43157

    发表于 2015-5-4 08:48:58 | 显示全部楼层
    楼主解决了吗,没有的话来找我Q47961924

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


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

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

    连续签到: 59 天

    [LV.7]炉火纯青

    1

    主题

    359

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    51271

    最佳新人

    QQ
    发表于 2015-5-4 09:58:43 | 显示全部楼层

  • TA的每日心情
    加油
    2015-5-21 14:10
  • 签到天数: 177 天

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    210

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21978

    淘宝皇冠店美工天猫美工

    发表于 2015-5-4 11:21:17 | 显示全部楼层
    这孩子真是有钱任性啊!

    红叶家居旗舰店  http://hongyejj.tmall.com
  • TA的每日心情
    抱抱
    2015-2-9 10:13
  • 签到天数: 4 天

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    41

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15992

    QQ
    发表于 2015-5-4 11:38:21 | 显示全部楼层
    http://www.tbzxiu.com/zxn/  这里有你需要的特效哦
    淘宝店铺装修免费模板-淘宝装修教程www.tbzxiu.com
  • TA的每日心情
    不爽
    2014-9-15 14:28
  • 签到天数: 25 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    5

    主题

    48

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45076

    发表于 2015-5-4 11:56:50 | 显示全部楼层
    一个效果 竟然50块 是说这个效果不值钱 还是说楼主有钱任性

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


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

    该用户从未签到

    2

    主题

    14

    帖子

    1528

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1528

     楼主| 发表于 2015-5-4 14:19:19 | 显示全部楼层
    对大神很简单,但是对于我们这些菜鸟得花上几个小时甚至更长的时间。谢谢朋友的关注,问题已经解决。现贴代码给需要的菜鸟。谢谢各位。附上小店,多交流  http://huntaochuanshuo.taobao.com. 还没完成,已经设计好,现在逐个研究加代码。很辛苦但是也学到不少。本人做设计,有需要的朋友可加交流。


    1. <div class="J_TWidget top5" data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','prevBtnCls':'prev','nextBtnCls':'next','navCls':'nav','contentCls':'content','activeTriggerCls':'active','autoplay':true}" data-widget-type="Carousel" style="width:1920px;float:left;margin:0px 0px 0px 0px;line-height:0;font-size:0; ">


    2. <div style="width:465px;float:left;margin:0px 0px 0px 0px;"><img src="//gdp.alicdn.com/imgextra/i4/42133085/TB2ILCkcFXXXXXsXXXXXXXXXXXX_!!42133085.jpg"></div>



    3.   
    4.     <div style="font-family:arial;overflow:hidden; width:453px; height:640px; float:left;" align="cente" >
    5.       <ul class="content">
    6.    
    7.         <li style="text-align:center;width:453px;float:left;height:640px;">
    8.           <a data-attr-replace="[{'type':'href','desc':'No.1的连接地址'}]"   target="_blank"><img data-attr-replace="[{'type':'src','desc':'No.1大图地址 尺寸宽465高640'}]" src="http://img03.taobaocdn.com/imgextra/i3/42133085/TB2PKOkcFXXXXaqXXXXXXXXXXXX_!!42133085.jpg" style="height:640px;width:465px;float:none;margin:0px 0px 0px 0px;" /></a></li>
    9.       
    10.           <li style="text-align:center;width:453px;float:left;height:640px;">
    11.           <a data-attr-replace="[{'type':'href','desc':'No.2的连接地址'}]"   target="_blank"><img data-attr-replace="[{'type':'src','desc':'No.1大图地址 尺寸宽465高640'}]" src="http://img02.taobaocdn.com/imgextra/i2/42133085/TB2xjabcFXXXXboXpXXXXXXXXXX_!!42133085.jpg" style="height:640px;width:465px;float:none;margin:0px 0px 0px 0px;" /></a></li>
    12.       
    13.       
    14.       <li style="text-align:center;width:453px;float:left;height:640px;">
    15.           <a data-attr-replace="[{'type':'href','desc':'No.3的连接地址'}]"   target="_blank"><img data-attr-replace="[{'type':'src','desc':'No.1大图地址 尺寸宽465高640'}]" src="http://img02.taobaocdn.com/imgextra/i2/42133085/TB2WmmicFXXXXbNXXXXXXXXXXXX_!!42133085.jpg" style="height:640px;width:465px;float:none;margin:0px 0px 0px 0px;" /></a></li>
    16.            <li style="text-align:center;width:453px;float:left;height:640px;">
    17.           <a data-attr-replace="[{'type':'href','desc':'No.4的连接地址'}]"   target="_blank"><img data-attr-replace="[{'type':'src','desc':'No.1大图地址 尺寸宽465高640'}]" src="http://img01.taobaocdn.com/imgextra/i1/42133085/TB2C0ymcFXXXXXJXXXXXXXXXXXX_!!42133085.jpg" style="height:640px;width:465px;float:none;margin:0px 0px 0px 0px;" /></a></li>
    18.            <li style="text-align:center;width:453px;float:left;height:640px;">
    19.           <a data-attr-replace="[{'type':'href','desc':'No.5的连接地址'}]"   target="_blank"><img data-attr-replace="[{'type':'src','desc':'No.1大图地址 尺寸宽465高640'}]" src="http://img02.taobaocdn.com/imgextra/i2/42133085/TB2vYKkcFXXXXa9XXXXXXXXXXXX_!!42133085.jpg" style="height:640px;width:465px;float:none;margin:0px 0px 0px 0px;" /></a></li>
    20.    
    21.       </ul>

    22.   
    23.   </div>
    24.   
    25.   
    26.   
    27.   <div style="width:537px;float:left; margin:0px 0px 0px 0px;line-height:0;font-size:0;">
    28.   
    29. <div><img src="//gdp.alicdn.com/imgextra/i1/42133085/TB2QBSgcFXXXXbZXXXXXXXXXXXX_!!42133085.jpg"></div>


    30.   <div style="text-align:left;float:left;">
    31.     <ul class="nav">
    32.       <li class="dlmg1" style="margin:0px 0px 0px 0px;float:left;">
    33.         <a data-attr-replace="[{'type':'href','desc':'No.1的连接地址'}]"   target="_blank" title="111"><img data-attr-replace="[{'type':'src','desc':'No.1小图地址 尺寸宽100高150'}]" src="http://img02.taobaocdn.com/imgextra/i2/42133085/TB2fFikcFXXXXaPXXXXXXXXXXXX_!!42133085.jpg"  /></a></li>
    34.     <li class="dlmg2" style="margin:0px 0px 0px 0px;float:left;">
    35.         <a data-attr-replace="[{'type':'href','desc':'No.1的连接地址'}]"   target="_blank" title="111"><img data-attr-replace="[{'type':'src','desc':'No.1小图地址 尺寸宽100高150'}]" src="http://img01.taobaocdn.com/imgextra/i1/42133085/TB23AOjcFXXXXboXXXXXXXXXXXX_!!42133085.jpg" /></a></li>
    36.     <li class="dlmg3" style="margin:0px 0px 0px 0px;float:left;">
    37.         <a data-attr-replace="[{'type':'href','desc':'No.1的连接地址'}]"   target="_blank" title="111"><img data-attr-replace="[{'type':'src','desc':'No.1小图地址 尺寸宽100高150'}]" src="http://img02.taobaocdn.com/imgextra/i2/42133085/TB2wg5fcFXXXXanXpXXXXXXXXXX_!!42133085.jpg"  /></a></li>
    38.     <li class="dlmg4" style="margin:0px 0px 0px 0px;float:left;">
    39.         <a data-attr-replace="[{'type':'href','desc':'No.1的连接地址'}]"   target="_blank" title="111"><img data-attr-replace="[{'type':'src','desc':'No.1小图地址 尺寸宽100高150'}]" src="http://img03.taobaocdn.com/imgextra/i3/42133085/TB20GudcFXXXXbxXpXXXXXXXXXX_!!42133085.jpg"  /></a></li>
    40.     <li class="dlmg5" style="margin:0px 0px 0px 0px;float:left;">
    41.         <a data-attr-replace="[{'type':'href','desc':'No.1的连接地址'}]"   target="_blank" title="111"><img data-attr-replace="[{'type':'src','desc':'No.1小图地址 尺寸宽100高150'}]" src="http://img04.taobaocdn.com/imgextra/i4/42133085/TB2GJ5jcFXXXXbzXXXXXXXXXXXX_!!42133085.jpg" /></a></li>
    42.    
    43.    
    44.    </ul>
    45.   </div>
    46.   
    47.   <div style="width:537px;float:left; margin:0px 0px 0px 0px;" ><img src="//gdp.alicdn.com/imgextra/i4/42133085/TB2H9qdcFXXXXX0XpXXXXXXXXXX_!!42133085.jpg"></div>
    48. </div>

    49.   <div style="width:465px;float:right;line-height:0;font-size:0;" ><img src="//gdp.alicdn.com/imgextra/i2/42133085/TB25rqbcFXXXXa4XpXXXXXXXXXX_!!42133085.jpg"></div>

    50. </div>
    51. <p>
    52.   <s class="skin-box-bt"></s></p>
    复制代码




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


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

  • TA的每日心情
    臭美
    2016-8-26 08:22
  • 签到天数: 193 天

    连续签到: 1 天

    [LV.7]炉火纯青

    29

    主题

    1328

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    97599

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

    发表于 2015-5-4 17:37:33 | 显示全部楼层
    这代码好像老大以前放出来过啊!为啥不在论坛找找先!!有钱任
    呵呵
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-9 00:12 , Processed in 0.135595 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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