header_v1.7.39

08《网页代码&动画效果简单学会!》卡盘和弹出层

2年前发布

原创文章 / 平面 / 教程
DeanKenStudio 原创,如需商业用途或转载请与DeanKenStudio联系,谢谢配合。

DeanKenStudio致力于帮助那些月薪还很低的设计师们。
跟着我们,月薪8K+ so easy!
本系列每周四前1~2更,请跟紧我们的火箭。
Dean目前负责更新代码类教程。
Ken目前负责更新配色方面教程
附件有源文件下载

图8-1

<div class="first-trigger">我只是个触点而已,把鼠标滑到我身上</div>


<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
          'trigger':'.first-trigger',
          'align':{
                  'node':'.first-trigger',
                  'offset':[0,0],
                  'points':['cr','cc']
                  }
            }">
    <div style="background-color: yellow; height: 100px; width: 100px;">
       我是一个弹出层
    </div>
</div>

图8-8


155
    Hello PM 意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功