淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 537|回复: 2
收起左侧

[装修相关] 弹出层-【求助】

[复制链接]
  • TA的每日心情

    2016-6-11 16:25
  • 签到天数: 192 天

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    553

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27818

    天猫美工热心会员最佳新人

    QQ
    发表于 2015-11-9 15:29:57 | 显示全部楼层 |阅读模式



    弹能弹出来了,就是第二个弹出层,不能按照自己的意愿来改变尺寸内容
    1. <div class="first-trigger" style="width:70;height:30;background-color:#FFFF00; font-size:12px">鼠标经过弹出内容</div>

    2. <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    3.           'trigger':'.first-trigger',
    4.           'align':{
    5.                   'node':'.first-trigger',
    6.                   'offset':[0,0],
    7.                   'points':['tl','tl']
    8.                   }
    9.             }">
    10.     <div  class="first-trigger2" style="width:70;height:30;background-color:#2c293e;color:#fff; font-size:12px">鼠标经过弹出内容</div>
    11. </div>


    12. <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    13.           'trigger':'.first-trigger2',
    14.           'align':{
    15.                   'node':'.first-trigger2',
    16.                   'offset':[0,0],
    17.                   'points':['bl','tl']
    18.                   }
    19.             }">
    20.     <div style="
    21.   height: 100px;
    22.   width: 900px;
    23.   bottom: 100px;
    24.   float: left;
    25.   border: thin solid #00CC99;background-color:#99FF66;">弹出内容</div>
    26. </div>
    复制代码




    未命名-1.jpg (28.05 KB, 下载次数: 0)

    [url=][/url]
    未命名-2.jpg (20.6 KB, 下载次数: 0)

    [url=][/url]




  • TA的每日心情
    加油
    昨天 19:48
  • 签到天数: 1103 天

    连续签到: 4 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    28万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    280048

    发表于 2015-11-9 16:16:19 | 显示全部楼层
    你这个是同时弹出来的,
    用一个弹出层就好了,
    整体再套个Div,标明一下高度
    你代码里的宽70和高30,是不是把px忘了?
    1. <div style="height:500px;">
    2.   <div class="first-trigger" style="width:70px;height:30px;background-color:#FFFF00; font-size:12px;">鼠标经过弹出内容</div>
    3.   <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    4.           'trigger':'.first-trigger',
    5.           'align':{
    6.                   'node':'.first-trigger',
    7.                   'offset':[0,0],
    8.                   'points':['tl','tl']
    9.                   }
    10.             }">
    11.     <div  style="width:70px;height:30px;background-color:#2c293e;color:#fff; font-size:12px;">鼠标经过弹出内容</div>
    12.     <div style="
    13.   height: 100px;
    14.   width: 900px;
    15.   bottom: 100px;
    16.   border: thin solid #00CC99;background-color:#99FF66;">弹出内容</div>
    17.   </div>
    18. </div>
    复制代码



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


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

  • TA的每日心情
    抱抱
    2016-7-15 08:00
  • 签到天数: 232 天

    连续签到: 1 天

    [LV.7]炉火纯青

    3

    主题

    1230

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35802

    发表于 2015-11-10 11:11:04 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-11 10:19 , Processed in 0.111510 second(s), 14 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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