淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1319|回复: 5
收起左侧

[装修相关] DIY轮播生成的代码不兼容360浏览器咋办啊?急求高人指点。

[复制链接]
  • TA的每日心情
    不爽
    2015-12-26 18:01
  • 签到天数: 157 天

    连续签到: 1 天

    [LV.7]炉火纯青

    3

    主题

    150

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24417

    发表于 2015-6-5 10:13:28 | 显示全部楼层 |阅读模式
    本帖最后由 喜特乐 于 2015-6-5 17:29 编辑

    或者谁可以帮写个这种效果的代码,可以联系我。付费。
    1. <div class="MaGong"  style="width:950px;height:425px;">
    2.     <div class="footer-more footer-more-trigger" style="width:950px;height:425px;border:0;padding:0;top:auto;left:auto;background:none;">
    3.         <div data-widget-config="{"nextBtnCls":"next","circular":true,"duration":0.8,"activeTriggerCls":"hidden","easing":"easeIn","effect":"scrollx","interval":4,"navCls":"dms","triggerType":"mouse","prevBtnCls":"prev","contentCls":"dmcontent","autoplay":true}" data-widget-type="Carousel" class="J_TWidget">
    4.             <div class="footer-more footer-more-trigger" style="height:372px;width:987px;top:52px;left:0px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;z-index:9;">
    5.                 <ul class="dmcontent" style="height:372px;width:987px;padding:0px;margin:0px;">
    6.                     <li class="item">
    7.                         <img src="//gdp.alicdn.com/imgextra/i3/377513159/TB23oskcVXXXXbOXXXXXXXXXXXX_!!377513159.jpg" alt="" usemap="#Mapfgzs1" /> <map name="Mapfgzs1"><area coords="804,189,985,369"  target="_blank" style="outline:none;" /><area coords="804,2,985,182"  target="_blank" style="outline:none;" /><area coords="305,189,486,369"  target="_blank" style="outline:none;" /><area coords="305,2,486,182"  target="_blank" style="outline:none;" /> </map>
    8.                     </li>
    9.                     <li class="item">
    10.                         <img src="//gdp.alicdn.com/imgextra/i2/377513159/TB204z_cVXXXXb.XpXXXXXXXXXX_!!377513159.jpg" alt="" usemap="#Mapfgzs2" /> <map name="Mapfgzs2"><area coords="804,189,985,369"  target="_blank" style="outline:none;" /><area coords="804,1,985,181"  target="_blank" style="outline:none;" /><area coords="305,189,486,369"  target="_blank" style="outline:none;" /><area coords="305,2,486,182"  target="_blank" style="outline:none;" /> </map>
    11.                     </li>
    12.                     <li class="item">
    13.                         <img src="//gdp.alicdn.com/imgextra/i3/377513159/TB2Al3ucVXXXXaAXXXXXXXXXXXX_!!377513159.jpg" alt="" usemap="#Mapfgzs3" /> <map name="Mapfgzs3"><area coords="804,189,985,369"  target="_blank" style="outline:none;" /><area coords="804,2,985,182"  target="_blank" style="outline:none;" /><area coords="305,189,486,369"  target="_blank" style="outline:none;" /><area coords="305,2,486,182"  target="_blank" style="outline:none;" /> </map>
    14.                     </li>
    15.                 </ul>
    16.             </div>
    17.             <ul class="dms footer-more footer-more-trigger" style="height:37px;width:314px;top:7px;left:337px;display:block;background:none;margin:0;cursor:pointer;padding:0;z-index:99;border:0;">
    18.                 <li class="footer-more footer-more-trigger hidden" style="height:30px;width:84px;top:4px;left:4px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0;">
    19.                     <img src="//gdp.alicdn.com/imgextra/i2/377513159/TB2e.n8cVXXXXclXpXXXXXXXXXX_!!377513159.png" />
    20.                 </li>
    21.                 <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:3px;left:115px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0;">
    22.                     <img src="//gdp.alicdn.com/imgextra/i2/377513159/TB2p5UvcVXXXXaDXXXXXXXXXXXX_!!377513159.png" />
    23.                 </li>
    24.                 <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:3px;left:224px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0;">
    25.                     <img src="//gdp.alicdn.com/imgextra/i3/377513159/TB2BdggcVXXXXakXpXXXXXXXXXX_!!377513159.png" />
    26.                 </li>
    27.             </ul>
    28.             <ul class="footer-more footer-more-trigger" style="height:37px;width:314px;top:7px;left:337px;display:block;background:none;margin:0;cursor:pointer;padding:0;z-index:90;border:0;">
    29.                 <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:4px;left:4px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0;">
    30.                     <img src="//gdp.alicdn.com/imgextra/i2/377513159/TB2ZQ.XcVXXXXbiXpXXXXXXXXXX_!!377513159.png" />
    31.                 </li>
    32.                 <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:3px;left:115px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0;">
    33.                     <img src="//gdp.alicdn.com/imgextra/i2/377513159/TB2DIZwcVXXXXaIXXXXXXXXXXXX_!!377513159.png" />
    34.                 </li>
    35.                 <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:3px;left:224px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0;">
    36.                     <img src="//gdp.alicdn.com/imgextra/i2/377513159/TB2kyQlcVXXXXc6XXXXXXXXXXXX_!!377513159.png" />
    37.                 </li>
    38.             </ul>
    39.         </div>
    40.     </div>
    41. </div>





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


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

  • TA的每日心情
    加油
    6 天前
  • 签到天数: 1098 天

    连续签到: 2 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279346

    发表于 2015-6-5 11:12:56 | 显示全部楼层
    先把第三行的引号问题改正过来
    1.     <div data-widget-config="{'nextBtnCls':'next','circular':true,'duration':0.8,'activeTriggerCls':'hidden','easing':'easeIn','effect':'scrollx','interval':4,'navCls':'dms','triggerType':'mouse','prevBtnCls':'prev','contentCls':'dmcontent','autoplay':true}" data-widget-type="Carousel" class="J_TWidget">
    复制代码
    这样才是正确的,
    有问题再说清楚

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


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

  • TA的每日心情
    不爽
    2015-12-26 18:01
  • 签到天数: 157 天

    连续签到: 1 天

    [LV.7]炉火纯青

    3

    主题

    150

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24417

     楼主| 发表于 2015-6-5 11:22:27 | 显示全部楼层
    本帖最后由 喜特乐 于 2015-6-5 11:26 编辑
    X_in 发表于 2015-6-5 11:12
    先把第三行的引号问题改正过来这样才是正确的,
    有问题再说清楚

    谢谢了,刚才改了还是不管用。
    360浏览器 极速模式就不行   切换到IE兼容模式就管用了。。。从昨天弄到现在没弄好。。实在木办法了。发到论坛来了。

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


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

  • TA的每日心情
    加油
    6 天前
  • 签到天数: 1098 天

    连续签到: 2 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279346

    发表于 2015-6-5 14:08:14 | 显示全部楼层

    回帖奖励 +10

    本帖最后由 X_in 于 2015-6-5 14:10 编辑
    喜特乐 发表于 2015-6-5 11:22
    谢谢了,刚才改了还是不管用。
    360浏览器 极速模式就不行   切换到IE兼容模式 ...
    1. <div class="MaGong"  style="width:950px;height:425px;">
    2.   <div class="footer-more footer-more-trigger" style="width:950px;height:425px;border:0;padding:0;top:auto;left:auto;background:none;">
    3.     <div data-widget-config="{'nextBtnCls':'next','circular':true,'duration':0.8,'activeTriggerCls':'hidden','easing':'easeIn','effect':'scrollx','interval':4,'navCls':'dms','triggerType':'mouse','prevBtnCls':'prev','contentCls':'dmcontent','autoplay':true}" data-widget-type="Carousel" class="J_TWidget">
    4.       <div class="footer-more footer-more-trigger" style="height:372px;width:987px;top:52px;left:0px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;z-index:9;">
    5.         <ul class="dmcontent" style="height:372px;width:987px;padding:0px;margin:0px;">
    6.           <li class="item" style="background:#999;height:372px;width:987px;">
    7.             
    8.           </li>
    9.           <li class="item" style="background:#3CF;height:372px;width:987px;">
    10.             
    11.           </li>
    12.           <li class="item" style="background:#111;height:372px;width:987px;">
    13.             
    14.           </li>
    15.         </ul>
    16.       </div>
    17.       <ul class="dms footer-more footer-more-trigger" style="height:37px;width:314px;top:7px;left:337px;display:block;background:none;margin:0;cursor:pointer;padding:0;z-index:99;border:0;">
    18.         <li class="footer-more footer-more-trigger hidden" style="height:30px;width:84px;top:4px;left:4px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0; background:#CCC;"> </li>
    19.         <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:3px;left:115px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0; background:#CCC;"></li>
    20.         <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:3px;left:224px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0; background:#CCC;"></li>
    21.       </ul>
    22.       <ul class="footer-more footer-more-trigger" style="height:37px;width:314px;top:7px;left:337px;display:block;background:none;margin:0;cursor:pointer;padding:0;z-index:90;border:0;">
    23.         <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:4px;left:4px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0; background:#666;"></li>
    24.         <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:3px;left:115px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0; background:#666;"></li>
    25.         <li class="footer-more footer-more-trigger" style="height:30px;width:84px;top:3px;left:224px;display:block;background:none;margin:0;cursor:pointer;padding:0;border:0; background:#666;"></li>
    26.       </ul>
    27.     </div>
    28.   </div>
    29. </div>
    复制代码
    图片我删了,换了背景色代替,
    在360,IE,火狐测试,都没看到问题
    两个全屏是淘宝的,在天猫店起不了作用不知道你的问题在哪

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


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

  • TA的每日心情
    加油
    6 天前
  • 签到天数: 1098 天

    连续签到: 2 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279346

    发表于 2015-6-5 16:23:41 | 显示全部楼层
    本帖最后由 X_in 于 2015-6-5 16:25 编辑
    喜特乐 发表于 2015-6-5 11:22
    谢谢了,刚才改了还是不管用。
    360浏览器 极速模式就不行   切换到IE兼容模式 ...
    1. <div style="height:425px;">
    2.   <div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;left:50%;border:none;">
    3.     <div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">
    4.       <div data-widget-config="{'nextBtnCls':'next','circular':true,'duration':0.8,'activeTriggerCls':'hidden','easing':'easeIn','effect':'scrollx','interval':4,'navCls':'nav','triggerType':'mouse','prevBtnCls':'prev','contentCls':'con','autoplay':true}" data-widget-type="Carousel" class="J_TWidget" >
    5.         <div style="height:37px;width:1920px;top:0px;padding:0px;left:0;border:none;margin-top:10px;">
    6.           <ul style="height:37px;width:315px; margin-left:802px;">
    7.             <li style="width:85px; height:15px; font-size:12px; color:#FFF; background: #333; font-family:微软雅黑; text-align:center;display: block; margin-right:30px; float:left; cursor:pointer;">简约</li>
    8.             <li style="width:85px; height:15px; font-size:12px; color:#FFF; background: #333; font-family:微软雅黑; text-align:center;display: block; margin-right:30px; float:left; cursor:pointer;">美式</li>
    9.             <li style="width:85px; height:15px; font-size:12px; color:#FFF; background: #333; font-family:微软雅黑; text-align:center;display: block; margin-right:0px; float:left; cursor:pointer;">后现代</li>
    10.           </ul>
    11.         </div>
    12.         <div class="footer-more-trigger" style="height:37px;width:1920px;top:0px;padding:0px;left:0;border:none;margin-top:10px;">
    13.           <ul  class="nav " style="height:37px;width:315px; margin-left:802px;">
    14.             <li class="hidden" style="width:85px; height:15px; font-size:12px; color:#FFF; background: #CCC; font-family:微软雅黑; text-align:center;display: block; margin-right:30px; float:left; cursor:pointer;">简约</li>
    15.             <li style="width:85px; height:15px; font-size:12px; color:#FFF; background: #CCC; font-family:微软雅黑; text-align:center;display: block; margin-right:30px; float:left; cursor:pointer;">美式</li>
    16.             <li style="width:85px; height:15px; font-size:12px; color:#FFF; background: #CCC; font-family:微软雅黑; text-align:center;display: block; margin-right:0px; float:left; cursor:pointer;">后现代</li>
    17.           </ul>
    18.         </div>
    19.         <div style=" width:987px; height:372px; overflow:hidden; margin-left:466px;">
    20.           <ul class="con" style="height:372px;width:987px;padding:0px;margin:0px;">
    21.             <li style="height:372px;width:987px; display:block;"> <img src="http://gdp.alicdn.com/imgextra/i3/377513159/TB23oskcVXXXXbOXXXXXXXXXXXX_!!377513159.jpg" alt="" usemap="#Mapfgzs1" />
    22.               <map name="Mapfgzs1">
    23.                 <area coords="304,189,485,369" href="#top"  target="_blank" style="outline:none;" />
    24.                 <area coords="804,2,985,182" href="#top"  target="_blank" style="outline:none;" />
    25.                 <area coords="803,189,984,369" href="#top"  target="_blank" style="outline:none;" />
    26.                 <area coords="305,2,486,182" href="#top"  target="_blank" style="outline:none;" />
    27.               </map>
    28.             </li>
    29.             <li style="height:372px;width:987px; display:block;"> <img src="http://gdp.alicdn.com/imgextra/i2/377513159/TB204z_cVXXXXb.XpXXXXXXXXXX_!!377513159.jpg" alt="" usemap="#Mapfgzs2" />
    30.               <map name="Mapfgzs2">
    31.                 <area coords="804,189,985,369" href="#top"  target="_blank" style="outline:none;" />
    32.                 <area coords="804,1,985,181" href="#top"  target="_blank" style="outline:none;" />
    33.                 <area coords="305,189,486,369" href="#top"  target="_blank" style="outline:none;" />
    34.                 <area coords="305,2,486,182" href="#top"  target="_blank" style="outline:none;" />
    35.               </map>
    36.             </li>
    37.             <li style="height:372px;width:987px; display:block;"> <img src="http://gdp.alicdn.com/imgextra/i3/377513159/TB2Al3ucVXXXXaAXXXXXXXXXXXX_!!377513159.jpg" alt="" usemap="#Mapfgzs3" />
    38.               <map name="Mapfgzs3">
    39.                 <area coords="304,190,485,370" href="#top"  target="_blank" style="outline:none;" />
    40.                 <area coords="804,2,985,182" href="#top"  target="_blank" style="outline:none;" />
    41.                 <area coords="803,189,984,369" href="#top"  target="_blank" style="outline:none;" />
    42.                 <area coords="305,2,486,182" href="#top"  target="_blank" style="outline:none;" />
    43.               </map>
    44.             </li>
    45.           </ul>
    46.         </div>
    47.       </div>
    48.     </div>
    49.   </div>
    50. </div>
    复制代码
    拿去试试,简约、美式、后现代这几个字用代码就可以做,省了一大堆图片有问题再说



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


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

  • TA的每日心情
    不爽
    2015-12-26 18:01
  • 签到天数: 157 天

    连续签到: 1 天

    [LV.7]炉火纯青

    3

    主题

    150

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24417

     楼主| 发表于 2015-6-5 17:27:37 | 显示全部楼层
    X_in 发表于 2015-6-5 16:23
    拿去试试,简约、美式、后现代这几个字用代码就可以做,省了一大堆图片有问题再说

    谢谢 帮忙 这次终于管用了,折腾我两天了。谢谢了,发你支付宝来我给你打点钱。

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-5 04:31 , Processed in 0.105482 second(s), 16 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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