点击此处返回
未登录用户
每日可免费学习1个教程
王晓楠
关注人数：10179
1.电商设计师学习代码的必要性
2.店铺装修- DW软件与HTML
3.店铺装修-常用的HTML标签
4.店铺装修-标签的属性和标签的嵌套
5.店铺装修-常用的HTML标签—超链接
6.店铺装修-图片标签和图像地图
7.店铺装修-表格标签的应用
8.店铺装修-表单标签及搜索框的应用
9.店铺装修-店铺装修中的表单运用
10.店铺装修-不同类型的列表标签
11.店铺装修-CSS层叠样式介绍及应用
12.店铺装修-更加多样的CSS文本样式
13.店铺装修-CSS中的背景样式
14.店铺装修-电商页面背景图片案例
15.店铺装修-CSS中的盒子模型
16.店铺装修-边框border的用法
17.店铺装修-float浮动在布局中的意义
18.店铺装修-浮动布局页面的方法
19.店铺装修-三种常见的元素及转换方式
20.店铺装修-定位布局在店铺装修中的意义
21.店铺装修-CSS样式的3种类型和7种选择器
22.店铺装修-巧用淘宝系统类实现全屏海报
23.店铺装修-淘宝系统类做交互效果
24.店铺装修-淘宝开发平台widget库
25.店铺装修-J_TWidget库做全屏轮播
26.店铺装修-widget库中的手风琴效果
27.店铺装修-widget库中弹出层效果
28.店铺装修-巧用工具做常规店招
29.店铺装修-自定义店招及店内搜索框
30.店铺装修-不同类型的店铺海报装修
31.店铺装修-整体页面常见的装修方式
32.店铺装修-自定义页面中的楼层跳转效果
33.店铺装修-不同类型的自定义轮播
34.店铺装修-其他页面及无线端店铺装修
本篇教程学习的是店铺装修-widget库中弹出层效果，喜欢的一起来学习吧。
那我们开始今天的教程吧。
1.弹出层的用法非常简单，在html结构里，它分成两个部分，第一个部分是触发点，第二部分就是调用事件，调用的时候，它的type类型叫做Popup，就是弹出，config这个配置参数的时候，有一个trigge，就是激活项，激活项就是这个类。
2.align就是对齐方式，这个对齐方式就是根据元素进行偏移，还是用的这个类名，offset就是偏移，有一个X轴和Y轴的偏移，下面的参数就是对齐方式。
3.新建HTML文件，定义样式style，宽度100px，高度100px，添加背景颜色，这个就是触发点，hidden就是隐藏的意思，trigger就是触发点，鼠标移到类的时候才会触发，node还是使用上面的名。
4.在上面做一个触发层，起个类名，插入一张图片，这个触发点就完事了，往下创建，鼠标移上去要【J_TWidget】，【data-widget-type】，【Popup】，【data-widget-config】，这个就是显示的内容。
5.配置参数里面第一个是trigger，就是触发元素，加个类名，align就是对齐方法，在【{}】里面写每一项属性和值，node属性就是一个参考元素。
70000+教程，每天免费学一课
打开APP，离线免流量
