淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 4838|回复: 12
打印 上一主题 下一主题
收起左侧

[美工相关] 求弹出层代码 DW鼠标经过更换图片特效如何在天猫实现

[复制链接]

该用户从未签到

2

主题

7

帖子

613

积分

新手上路

阅读权限: 10

Rank: 1

积分
613

跳转到指定楼层
楼主
发表于 2015-3-31 16:37:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
刚注册   新人求助  麻烦大神支招
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏1 分享分享 分享淘帖 支持支持 反对反对

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


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

  • TA的每日心情
    求抱抱
    2015-4-15 17:36
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    6

    主题

    27

    帖子

    2665

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2665

    最佳新人

    沙发
    发表于 2015-3-31 16:41:31 | 只看该作者
    沙发坐起,有案例图么

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


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

    该用户从未签到

    2

    主题

    7

    帖子

    613

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    613

    板凳
     楼主| 发表于 2015-3-31 16:46:10 | 只看该作者
    金视国际 发表于 2015-3-31 16:41
    沙发坐起,有案例图么

    这是DW图片代码   放到天猫里效果就显示不了了  求解决方法  谢谢~
    <html>
    <head>
    <title>加厚系列</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
    }

    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (加厚系列.psd) -->
    <table id="__01" width="990" height="1425" border="0" cellpadding="0" cellspacing="0">
            <tr>
                    <td colspan="2">
                            <img src="http://img04.taobaocdn.com/imgextra/i4/2346567824/TB2HK7ocXXXXXXqXXXXXXXXXXXX_!!2346567824.jpg" alt="" width="990" height="125"></td>
            </tr>
            <tr>
                    <td colspan="2">
                            <a  target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/2346567824/TB2WZMocXXXXXXvXXXXXXXXXXXX_!!2346567824.jpg" alt="" width="990" height="650" border="0"></a></td>
            </tr>
            <tr>
                    <td>
                            <a  target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/2346567824/TB2.PMdcXXXXXbeXpXXXXXXXXXX_!!2346567824.jpg" name="Image4" width="495" height="650" border="0"></a><a  target="_blank"></a></td>
                    <td nowrap><a  target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/2346567824/TB2I.3acXXXXXcLXpXXXXXXXXXX_!!2346567824.jpg" name="Image5" width="495" height="650" border="0"></a></td>
            </tr>
    </table>
    <!-- End Save for Web Slices -->
    </body>
    </html>


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


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

  • TA的每日心情
    求抱抱
    2015-4-15 17:36
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    6

    主题

    27

    帖子

    2665

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2665

    最佳新人

    地板
    发表于 2015-3-31 16:50:08 | 只看该作者
    不知道你是不是需要的这样特效:

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


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

  • TA的每日心情
    求抱抱
    2015-4-15 17:36
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    6

    主题

    27

    帖子

    2665

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2665

    最佳新人

    5#
    发表于 2015-3-31 16:50:42 | 只看该作者

    <div style="float:left;width:950px;background:#ffffff;">
       
           <div class="kun11427791773112347" style="float:left;width:230px;height:265px">
              <a  target="_blank"><img src="http://www.wenyukun.com/uploads/toolextend/tupianqiehuanone/1.jpg" width="230" height="230"></a>
              <div style="height:35px;line-height:35px;text-align:right;padding-right:7px;font-size:14px;font-weight:bold;color:#ffffff;background:#ff9900;">
                      <span style="float:left;padding-left:7px;padding-right:7px;font-size:14px;color:#000000;background:#ff00ff;">
                          <s>原价:169</s>
                          </span>
                          现价:138
               </div>
               </div>
           <div class="kun21427791773112347" style="float:left;margin-left:10px;width:230px;height:265px">
              <a  target="_blank"><img src="http://www.wenyukun.com/uploads/toolextend/tupianqiehuanone/2.jpg" width="230" height="230"></a>
              <div style="height:35px;line-height:35px;text-align:right;padding-right:7px;font-size:14px;font-weight:bold;color:#ffffff;background:#ff9900;">
                      <span style="float:left;padding-left:7px;padding-right:7px;font-size:14px;color:#000000;background:#ff00ff;">
                          <s>原价:169</s>
                          </span>
                          现价:138
               </div>
               </div>
           <div class="kun31427791773112347" style="float:left;margin-left:10px;width:230px;height:265px">
              <a  target="_blank"><img src="http://www.wenyukun.com/uploads/toolextend/tupianqiehuanone/3.jpg" width="230" height="230"></a>
              <div style="height:35px;line-height:35px;text-align:right;padding-right:7px;font-size:14px;font-weight:bold;color:#ffffff;background:#ff9900;">
                      <span style="float:left;padding-left:7px;padding-right:7px;font-size:14px;color:#000000;background:#ff00ff;">
                          <s>原价:169</s>
                          </span>
                          现价:138
               </div>
               </div>
           <div class="kun41427791773112347" style="float:right;width:230px;height:265px">
              <a  target="_blank"><img src="http://www.wenyukun.com/uploads/toolextend/tupianqiehuanone/4.jpg" width="230" height="230"></a>
              <div style="height:35px;line-height:35px;text-align:right;padding-right:7px;font-size:14px;font-weight:bold;color:#ffffff;background:#ff9900;">
                      <span style="float:left;padding-left:7px;padding-right:7px;font-size:14px;color:#000000;background:#ff00ff;">
                          <s>原价:169</s>
                          </span>
                          现价:138
               </div>
               </div>
       
           <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{&quot;trigger&quot;:&quot;.kun11427791773112347&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.kun11427791773112347&quot;,&quot;offset&quot;:[0,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" style="display:none;width:230px;height:265px">
              <a  target="_blank"><img src="http://www.wenyukun.com/uploads/toolextend/tupianqiehuanone/8.jpg" width="230" height="230"></a>
                  <div style="height:35px;line-height:35px;text-align:right;padding-right:7px;font-size:14px;font-weight:bold;color:#ffffff;background:#ff9900;">
                      <span style="float:left;padding-left:7px;padding-right:7px;font-size:14px;color:#000000;background:#ff00ff;">
                          <s>原价:169</s>
                          </span>
                          现价:138
               </div>
            </div>
           <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{&quot;trigger&quot;:&quot;.kun21427791773112347&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.kun21427791773112347&quot;,&quot;offset&quot;:[0,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" style="display:none;width:230px;height:265px">
              <a  target="_blank"><img src="http://www.wenyukun.com/uploads/toolextend/tupianqiehuanone/7.jpg" width="230" height="230"></a>
                  <div style="height:35px;line-height:35px;text-align:right;padding-right:7px;font-size:14px;font-weight:bold;color:#ffffff;background:#ff9900;">
                      <span style="float:left;padding-left:7px;padding-right:7px;font-size:14px;color:#000000;background:#ff00ff;">
                          <s>原价:169</s>
                          </span>
                          现价:138
               </div>
            </div>
           <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{&quot;trigger&quot;:&quot;.kun31427791773112347&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.kun31427791773112347&quot;,&quot;offset&quot;:[0,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" style="display:none;width:230px;height:265px">
              <a  target="_blank"><img src="http://www.wenyukun.com/uploads/toolextend/tupianqiehuanone/6.jpg" width="230" height="230"></a>
                  <div style="height:35px;line-height:35px;text-align:right;padding-right:7px;font-size:14px;font-weight:bold;color:#ffffff;background:#ff9900;">
                      <span style="float:left;padding-left:7px;padding-right:7px;font-size:14px;color:#000000;background:#ff00ff;">
                          <s>原价:169</s>
                          </span>
                          现价:138
               </div>
            </div>
           <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{&quot;trigger&quot;:&quot;.kun41427791773112347&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.kun41427791773112347&quot;,&quot;offset&quot;:[0,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" style="display:none;width:230px;height:265px">
              <a  target="_blank"><img src="http://www.wenyukun.com/uploads/toolextend/tupianqiehuanone/5.jpg" width="230" height="230"></a>
                  <div style="height:35px;line-height:35px;text-align:right;padding-right:7px;font-size:14px;font-weight:bold;color:#ffffff;background:#ff9900;">
                      <span style="float:left;padding-left:7px;padding-right:7px;font-size:14px;color:#000000;background:#ff00ff;">
                          <s>原价:169</s>
                          </span>
                          现价:138
               </div>
            </div>
    </div>

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


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

    该用户从未签到

    2

    主题

    7

    帖子

    613

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    613

    6#
     楼主| 发表于 2015-3-31 17:04:37 | 只看该作者
    金视国际 发表于 2015-3-31 16:50
    原价:169
                         
                          现价:138

    弱弱地问一下   这张图片有什么特效?没有显示出什么特效    是我查看的方式不对还是

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


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

    该用户从未签到

    2

    主题

    7

    帖子

    613

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    613

    7#
     楼主| 发表于 2015-3-31 17:27:38 | 只看该作者
    求回复  求回复   我就只是想在天猫实现这个效果而已   

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


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

  • TA的每日心情
    加油
    2016-6-24 10:42
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    0

    主题

    42

    帖子

    9513

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9513

    9#
    发表于 2015-4-1 08:46:43 | 只看该作者
    你这是整个页面啊  天猫不支持的吧  都有<html></html> - -
    太好了
  • TA的每日心情
    加油
    2016-6-24 10:42
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    0

    主题

    42

    帖子

    9513

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9513

    10#
    发表于 2015-4-1 08:48:06 | 只看该作者
    这个我在 DW打开也没特效啊 是不是调用了 js啊?
    太好了
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

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

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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