淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 11773|回复: 19
收起左侧

发一个苏宁装修的东西------全屏轮播代码

[复制链接]
  • TA的每日心情
    抱抱
    2016-10-14 17:55
  • 签到天数: 90 天

    连续签到: 1 天

    [LV.6]渐入佳境

    17

    主题

    585

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23827

    发表于 2015-4-24 16:08:47 | 显示全部楼层 |阅读模式
    直接上代码吧
    1. <style>
    2. .template {position:static; width:990px;}/* 用于实现全屏布局*/
    3. body{overflow:none;overflow-x: hidden; }/* 用于兼容不同分辨率显示器的显示问题*/
    4. .template div {overflow:visible;}/* 用于定义自定义区内容总是可见*/
    5. .h8-define{  text-align:left;}/* 用于兼容IE7*/
    6. </style>

    7. <div style="width: 1920px; margin: 0 auto; height: 600px; z-index: 10; zoom: 1;"><!--轮播总宽度1920px,高度600px,请根据自己实际情况修改 -->
    8. <div class="template editArea baner-define mbt10" style="height: 600px; position: absolute;"><!--此行600px也需要修改 -->
    9. <div class="bannerBox">
    10. <!--第v一屏开始 -->
    11. <div style="margin-left: -465px; position: absolute;">
    12. <a class="hide" style="display: inline;" title="套餐1"  target="_blank"><!--此行为第v一张轮播图链接 -->
    13. <img class="err-product" src="http://image.suning.cn/uimg/sop/commodity/179564734788961482677100_x.jpg"  width="1920" height="600" border="0" /><!--此行为第v一张轮播图片,src="xxx"我图片地址,注意需要加高度值和宽度值,否则会显现兼容性问题 -->
    14. </a>
    15. </div><!--第v一屏结束 -->


    16. <!--第二屏开始 -->
    17. <div style="margin-left: -465px; position: absolute;">
    18. <a class="hide" style="display: none;" title="套餐2"  target="_blank">
    19. <img class="err-product" src="http://image.suning.cn/uimg/sop/commodity/814010303176257301448220_x.jpg"  width="1920" height="600" /> </a>
    20. </div><!--第二屏结束 -->


    21. <!--第三屏开始 -->
    22. <div style="margin-left: -465px; position: absolute;">
    23. <a class="hide" style="display: none;" title="套餐3"  target="_blank">
    24. <img class="err-product" src="http://image.suning.cn/uimg/sop/commodity/154406337136316699812460_x.jpg"  width="1920" height="600" /> </a>
    25. </div><!--第三屏结束 -->




    26. </div>
    27. <div class="btn" style="bottom: 10px; right: 50%;"><!--此行决定角标图片的显示位置 -->
    28. <a class="cur" href="#">1</a> <!--第v一屏角标 class="cur" 表示当前状态-->
    29. <a href="#">2</a><!--第二屏角标 -->
    30. <a href="#">3</a><!--第三屏角标 -->

    31. </div>
    32. </div>
    33. </div>
    复制代码
    以下是观看地址:点击进入
    http://fenxiz.taobao.com






    刮一刮:http://shop.suning.com/70074106/index.html

  • TA的每日心情
    加油
    2016-5-19 07:45
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    0

    主题

    11

    帖子

    996

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    996

    发表于 2015-4-24 17:44:59 | 显示全部楼层
    小手一抖经验拿走

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


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

  • TA的每日心情
    抱抱
    2016-7-22 14:04
  • 签到天数: 26 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    3

    主题

    34

    帖子

    3626

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3626

    发表于 2015-4-26 14:45:36 | 显示全部楼层
    谢谢楼主的分享,辛苦了!

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


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

  • TA的每日心情
    不爽
    2016-1-2 14:26
  • 签到天数: 19 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    2

    主题

    81

    帖子

    5057

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5057

    发表于 2015-4-30 11:39:36 | 显示全部楼层
    小手一抖金币拿走

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


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

  • TA的每日心情
    臭美
    2015-8-13 10:37
  • 签到天数: 32 天

    连续签到: 3 天

    [LV.5]略有小成

    0

    主题

    95

    帖子

    5247

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5247

    发表于 2015-5-1 00:12:12 | 显示全部楼层
    感想分享!

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


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

  • TA的每日心情
    臭美
    2015-8-13 10:37
  • 签到天数: 32 天

    连续签到: 3 天

    [LV.5]略有小成

    0

    主题

    95

    帖子

    5247

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5247

    发表于 2015-5-2 01:39:49 | 显示全部楼层
    感谢分享!!

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


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

  • TA的每日心情
    臭美
    2015-5-25 16:24
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    3

    主题

    18

    帖子

    1882

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1882

    发表于 2015-5-5 15:22:12 | 显示全部楼层
    眼睛苗苗

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


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

  • TA的每日心情
    求抱抱
    2016-7-10 18:26
  • 签到天数: 66 天

    连续签到: 1 天

    [LV.6]渐入佳境

    2

    主题

    301

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    10026

    最佳新人热心会员

    QQ
    发表于 2015-5-11 16:47:16 | 显示全部楼层
    为什么我放到我的店里没有用呢
    开始成为大神了!!!
  • TA的每日心情
    求抱抱
    2016-7-10 18:26
  • 签到天数: 66 天

    连续签到: 1 天

    [LV.6]渐入佳境

    2

    主题

    301

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    10026

    最佳新人热心会员

    QQ
    发表于 2015-5-11 16:50:48 | 显示全部楼层
    求你店铺的第一屏代码

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


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

  • TA的每日心情
    抱抱
    2016-10-14 17:55
  • 签到天数: 90 天

    连续签到: 1 天

    [LV.6]渐入佳境

    17

    主题

    585

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23827

     楼主| 发表于 2015-5-11 22:36:55 | 显示全部楼层
    自己扣一下就有了
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-7 00:07 , Processed in 0.123505 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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