淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3273|回复: 11
收起左侧

基础版1920*600全屏海报轮播

[复制链接]
  • TA的每日心情
    心跳
    2016-5-4 09:39
  • 签到天数: 63 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    494

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12595

    最佳新人热心会员

    QQ
    发表于 2016-1-26 09:28:14 | 显示全部楼层 |阅读模式
    1. <div class="J_TWidget" data-widget-config="{"effect": "fade", "circular": true ,"contentCls":"taobaoux"}" data-widget-type="Tabs" style="height:545px;overflow:hidden;">
    2.   <div class="taobaoux" style="height:570px;">
    3.     <div class="footer-more-trigger" style="width:1920px;height:570px;top:auto;padding:0px;border:none;left:50%;">
    4.       <div class="footer-more-trigger" style="width:1920px;height:570px;padding:0px;border:none;left:-960px;">
    5.         <div data-widget-config="{"contentCls": "taobaoux-com","navCls": "bbs-taobaoux-com","effect": "scrollx","easing": "easeOutStrong","prevBtnCls":"prev1920","nextBtnCls":"next1920","autoplay": true,"viewSize":[1920],"circular": true}" data-widget-type="Carousel" class="J_TWidget">
    6.           <div class="J_TWidget" data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[-500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
    7.             <div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#F00;">
    8.                <
    9.             </div>
    10.           </div>
    11.           <div class="J_TWidget" data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
    12.             <div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#F00;">
    13.                >
    14.             </div>
    15.           </div>
    16.           <div style="height:570px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">
    17.             <ul class="taobaoux-com" style="height:570px;width:1920px;padding:0px;margin:0px;">
    18.               <li style="width:1920px;height:570px;padding:0px;margin:0px;">
    19.                  <a target="_blank" href="//tbux.taobao.com/?scene=taobao_shop" style="padding:0px;margin:0px;"> <img src="//gdp.alicdn.com/imgextra/i4/657423006/TB23QDCiVXXXXa6XXXXXXXXXXXX_!!657423006.jpg" width="1920px" height="570px" border="0px" /></a>
    20.               </li>
    21.               <li style="width:1920px;height:570px;padding:0px;margin:0px;">
    22.                  <a target="_blank" href="//tbux.taobao.com/?scene=taobao_shop" style="padding:0px;margin:0px;"> <img src="//gdp.alicdn.com/imgextra/i1/657423006/TB2cyrCjVXXXXaDXpXXXXXXXXXX_!!657423006.jpg" width="1920px" height="570px" border="0px" /></a>
    23.               </li>
    24.               <li style="width:1920px;height:570px;padding:0px;margin:0px;">
    25.                  <a target="_blank" href=" https://item.taobao.com/item.htm?spm=686.1000925.0.0.JCixaG&id=523813851642" style="padding:0px;margin:0px;"> <img src="//gdp.alicdn.com/imgextra/i3/657423006/TB2sCzEjVXXXXaZXpXXXXXXXXXX_!!657423006.jpg" width="1920px" height="570px" border="0px" /></a>
    26.               </li>
    27.               <li style="width:1920px;height:570px;padding:0px;margin:0px;">
    28.                  <a target="_blank" href="//tbux.taobao.com/?scene=taobao_shop" style="padding:0px;margin:0px;"> <img src="//gdp.alicdn.com/imgextra/i3/657423006/TB2qEz6jVXXXXasXXXXXXXXXXXX_!!657423006.jpg" width="1920px" height="570px" border="0px" /></a>
    29.               </li>
    30.               <li style="width:1920px;height:570px;padding:0px;margin:0px;">
    31.                  <a target="_blank" href=" https://item.taobao.com/item.htm?spm=686.1000925.0.0.CmVU5x&id=41517882721" style="padding:0px;margin:0px;"> <img src="//gdp.alicdn.com/imgextra/i1/657423006/TB2jLwajVXXXXXcXXXXXXXXXXXX_!!657423006.jpg" width="1920px" height="570px" border="0px" /></a>
    32.               </li>
    33.             </ul>
    34.           </div>
    35.           <div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">
    36.             <div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background:url(about:blank) repeat;top:505px;">
    37.               <ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align:center;">
    38.                 <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
    39.                    <img src="//gdp.alicdn.com/imgextra/i4/657423006/TB23QDCiVXXXXa6XXXXXXXXXXXX_!!657423006.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
    40.                 </li>
    41.                 <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
    42.                    <img src="//gdp.alicdn.com/imgextra/i1/657423006/TB2cyrCjVXXXXaDXpXXXXXXXXXX_!!657423006.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
    43.                 </li>
    44.                 <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
    45.                    <img src="//gdp.alicdn.com/imgextra/i3/657423006/TB2sCzEjVXXXXaZXpXXXXXXXXXX_!!657423006.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
    46.                 </li>
    47.                 <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
    48.                    <img src="//gdp.alicdn.com/imgextra/i3/657423006/TB2qEz6jVXXXXasXXXXXXXXXXXX_!!657423006.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
    49.                 </li>
    50.                 <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
    51.                    <img src="//gdp.alicdn.com/imgextra/i1/657423006/TB2jLwajVXXXXXcXXXXXXXXXXXX_!!657423006.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
    52.                 </li>
    53.               </ul>
    54.             </div>
    55.           </div>
    56.         </div>
    57.       </div>
    58.     </div>
    59.   </div>
    60.   <ul class="ks-switchable-nav" style="display:none;">
    61.   </ul>
    62. </div>
    复制代码
    演示地址:https://wangxincheng.taobao.com/shop/view_shop.htm?spm=a313o.7775905.a1zvx.d53.VFN7ds&mytmenu=mdianpu&utkn=e73753765377b&user_number_id=657423006

    痛并快乐着---祸兮,福之所倚,福兮,祸之所伏!相生相克,变幻无常!
  • TA的每日心情

    7 小时前
  • 签到天数: 577 天

    连续签到: 3 天

    [LV.9]已臻大成

    8

    主题

    407

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    115942

    最佳新人宣传达人热心会员

    QQ
    发表于 2016-1-26 16:09:02 | 显示全部楼层
    普通的轮播效果,好像没什么特别的啊,前后箭头也无效。
    孤獨的垦荒者,爲了自己精彩的人生,倒下,再爬起......
    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情
    无奈
    2015-8-8 23:22
  • 签到天数: 47 天

    连续签到: 1 天

    [LV.5]略有小成

    23

    主题

    247

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    22009

    发表于 2016-1-26 09:34:09 | 显示全部楼层
    歪了 , 歪了 , 歪了
    择一城终老,遇一人白首
    如果不曾开始,永远不会抵达
  • TA的每日心情
    抱抱
    2016-6-14 08:40
  • 签到天数: 63 天

    连续签到: 2 天

    [LV.6]渐入佳境

    2

    主题

    184

    帖子

    8062

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    8062

    发表于 2016-1-26 09:40:18 | 显示全部楼层
    事情是这样子的

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


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

  • TA的每日心情
    心跳
    2016-5-4 09:39
  • 签到天数: 63 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    494

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12595

    最佳新人热心会员

    QQ
     楼主| 发表于 2016-1-26 09:50:03 | 显示全部楼层
    戏子多轻浮 发表于 2016-1-26 09:34
    歪了 , 歪了 , 歪了

    您老眼力真好,确实是歪了,现在好了!

    痛并快乐着---祸兮,福之所倚,福兮,祸之所伏!相生相克,变幻无常!
  • TA的每日心情
    无奈
    昨天 10:58
  • 签到天数: 439 天

    连续签到: 1 天

    [LV.9]已臻大成

    28

    主题

    2010

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    14229

    最佳新人热心会员活跃会员优秀版主灌水之王

    发表于 2016-1-26 11:22:39 | 显示全部楼层
    明明没有600.你非要说600,骗子,差评

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


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

  • TA的每日心情
    思考
    昨天 10:01
  • 签到天数: 615 天

    连续签到: 1 天

    [LV.9]已臻大成

    29

    主题

    625

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149344

    最佳新人热心会员宣传达人

    发表于 2016-1-26 12:08:53 | 显示全部楼层
    最外层的tab没用,可以干掉

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


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

  • TA的每日心情

    10 小时前
  • 签到天数: 208 天

    连续签到: 1 天

    [LV.7]炉火纯青

    31

    主题

    1310

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    38003

    热心会员最佳新人

    QQ
    发表于 2016-1-26 13:04:40 | 显示全部楼层
    好多差评
    当断不断,必受其乱
  • TA的每日心情
    心跳
    2016-5-4 09:39
  • 签到天数: 63 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    494

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12595

    最佳新人热心会员

    QQ
     楼主| 发表于 2016-1-26 13:58:22 | 显示全部楼层
    淘小景 发表于 2016-1-26 11:22
    明明没有600.你非要说600,骗子,差评

    哈哈,接近600!

    痛并快乐着---祸兮,福之所倚,福兮,祸之所伏!相生相克,变幻无常!
  • TA的每日心情
    大哭
    2 小时前
  • 签到天数: 653 天

    连续签到: 1 天

    [LV.9]已臻大成

    37

    主题

    2232

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    【单身狗认证】

    Rank: 8Rank: 8

    积分
    138579

    最佳新人热心会员宣传达人活跃会员优秀版主灌水之王

    QQ
    发表于 2016-1-26 14:19:47 | 显示全部楼层
    看不出有什么玄机 请大神讲解
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-9 19:44 , Processed in 0.154214 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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