软件入门
会员教程
人工智能AIGC
职业路径
训练营
更多

课程专辑

以点破面 专精学习

文章 / 软件下载

行业动态 下载软件

作品/IP合作

赏析作品 IP赋能商业

超职套课

海量好课 单套购买

优质讲师

变得和他们一样优秀

虎课APP

APP下载

AI智能抠图

2步搞定抠图

企业VIP

了解更多>企业VIP尊享特权

主账号管理

多人团队协作必备

学习内容管理NEW

及时了解学习进度

报销无忧

正规发票 极速开票

专属客服服务

反馈优先响应

开通企业VIP最高赠送60天

助力企业打造全方位的新职业人才

HOT 个人VIP

可搜索课程、软件、讲师、读书、直播

热门搜索

AIGC人工智能 国产AI C4D 双11 stable diffusion 圣诞

您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置：首页 > 电商教程 > 店铺装修-widget库中弹出层效果
下一节课程：这里显示课程名称长度多少课程名播放下一节重新播放
5s后将自动前往下一节课
为你推荐课程
为你推荐直播课
升级VIP特权，畅学全站92000+会员教程
立即升级特权超值
92000+教程
不限次学素材/源文件
不限次下载161大职业路径
不限次学虎课读书
不限次收听

免费学习即将结束

关闭继续学习>

精选笔记(15)
精选笔记(15)不显示精选笔记
分享/下载
加入专辑收藏
记笔记
编辑完成后，记得点我~
王晓楠
讲师：王晓楠

关注人数：10182

AI助教课程信息目录

1.电商设计师学习代码的必要性

时长：20分07秒

2.店铺装修- DW软件与HTML

时长：17分51秒

3.店铺装修-常用的HTML标签

时长：30分35秒

4.店铺装修-标签的属性和标签的嵌套

时长：22分03秒

5.店铺装修-常用的HTML标签—超链接

时长：30分20秒

6.店铺装修-图片标签和图像地图

时长：25分16秒

7.店铺装修-表格标签的应用

时长：21分54秒

8.店铺装修-表单标签及搜索框的应用

时长：26分55秒

9.店铺装修-店铺装修中的表单运用

时长：24分53秒

10.店铺装修-不同类型的列表标签

时长：11分10秒

11.店铺装修-CSS层叠样式介绍及应用

时长：28分48秒

12.店铺装修-更加多样的CSS文本样式

时长：30分59秒

13.店铺装修-CSS中的背景样式

时长：25分18秒

14.店铺装修-电商页面背景图片案例

时长：16分46秒

15.店铺装修-CSS中的盒子模型

时长：29分24秒

16.店铺装修-边框border的用法

时长：31分12秒

17.店铺装修-float浮动在布局中的意义

时长：26分19秒

18.店铺装修-浮动布局页面的方法

时长：31分02秒

19.店铺装修-三种常见的元素及转换方式

时长：28分45秒

20.店铺装修-定位布局在店铺装修中的意义

时长：33分16秒

21.店铺装修-CSS样式的3种类型和7种选择器

时长：51分12秒

22.店铺装修-巧用淘宝系统类实现全屏海报

时长：34分58秒

23.店铺装修-淘宝系统类做交互效果

时长：27分03秒

24.店铺装修-淘宝开发平台widget库

时长：31分57秒

25.店铺装修-J_TWidget库做全屏轮播

时长：41分06秒

26.店铺装修-widget库中的手风琴效果

时长：27分43秒

27.店铺装修-widget库中弹出层效果

时长：33分40秒

28.店铺装修-巧用工具做常规店招

时长：32分10秒

29.店铺装修-自定义店招及店内搜索框

时长：42分11秒

30.店铺装修-不同类型的店铺海报装修

时长：38分06秒

31.店铺装修-整体页面常见的装修方式

时长：50分05秒

32.店铺装修-自定义页面中的楼层跳转效果

时长：37分24秒

33.店铺装修-不同类型的自定义轮播

时长：26分03秒

34.店铺装修-其他页面及无线端店铺装修

时长：29分30秒
发表评论 （可获得虎课币）
剩余AI字数：
补充字数
AI智能对话，提高学习效率
智能翻译，写作，营销文案
历史记录（5）
为你推荐换一批
图文教程学员互动 (11) 视频字幕
综合评分：9.9 评分100%作业点评课后上传的作业，学习过程中有困难疑惑都可进行提问
您需要学习后才可以评价， 立即学习
全部互动一课一练(1)课程提问(1)
推荐
推荐评论时间回复数
有内容评论
本课作业要求(已有1份作业)
作业要求：根据视频教程中的内容，进行作业练习，在互动评论中上传你的作业，也可运用其他素材进行练习

本篇教程学习的是店铺装修-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属性就是一个参考元素。

6.第二个是offset，是一个位移，默认的时候让它是0就可以了，points就是对齐位置，写上cc，它就是触发点的元素和居中点的元素，这就是第一个div。

查看更多
您需要学习后才可以评价， 立即学习
字幕加载中...
登录后查看更多
换一批

为你推荐

虎课网为您推荐店铺装修-widget库中弹出层效果视频教程、图文教程、素材源文件下载，学员课后练习、作品以及评价等内容。店铺装修-widget库中弹出层效果教程讲师：王晓楠，使用软件：DW（CC2016），难度等级：初级练习，视频时长：33分48秒 查看全部
相关教程:
店铺装修教程dw店铺装修教程淘宝店铺装修教程店铺海报教程店铺logo教程店铺设计教程dw全屏店铺教程ae弹出教程店铺海报设计教程ps铺装技巧教程maven中央仓库教程
相关文章:
店铺装修-widget库中弹出层效果图文教程
最新文章:
如何制作dw网页dw网页制作怎么做dw电商设计之如何设计漂亮分类导航dw首页装修怎么做？dw全屏店铺如何设计？dreamweaver留言板如何装修？dw店铺装修怎么操作？dw网页设计中的动画导航如何设置？dw使用什么功能可实现添加热点链接？关于店铺装修的dw常用操作有哪些？
软件入门:
Dimension2019教程Capture One教程Affinity Designer教程ID2017-2020教程Spline教程SpeedGrade教程Affinity Publisher教程Lightroom教程PS CC2017教程Affinity Photo教程PS2018-2020教程AI2017-2020教程C4DR26教程Lightroom2021教程

同学，小虎知道你非常努力的想学习！

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗？

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

再看看确认学习

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的，赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的，赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP，赞助VIP享受无限下载


赞助VIP

您已经累计下载5个素材文件


您在当前分类下不是VIP，赞助VIP享受无限下载


赞助VIP

您已经累计下载5个源文件


您在当前分类下不是VIP，赞助VIP享受无限下载


赞助VIP

您已经累计观看5个图文教程


您在当前分类下不是VIP，赞助VIP享受无限观看


赞助VIP

学习后才能评价哦!

我知道了

学习后才能提问哦!

我知道了
我要评论
本次课程评分：
课程难易程度：太简单简单适中有点难太难了
您近期已提交过同样评论
请勿频繁提交重复评论~
0/200
提交
我要评论

确认要删除这条评论吗？删除后将无法恢复。

取消确认

获得30虎课币

评论提交成功，将在审核通过后显示

我知道了
评论错误

当日最多删除五条评论

×

下载素材/源文件：

下载课程源文件下载课程素材
收藏成功
取消成功
直播答疑中
学习过程有困惑？
阿角老师在线直播答疑！
参与直播答疑

AI助教全面体验

AI助教上线后获得同学们的大力支持，也反馈了不少建议。为了让大家更全面的体验AI助教，虎课将赠送所有用户1000AI字数，开启AI体验之旅，让学习更轻松。

1000AI字数，点击立即领取

20s后自动领取
立即领取

领取成功

1000AI字数已到账

立即体验全新AI助教，让学习更高效便捷

5s后自动领取
我知道了
已是第一张图了
已是最后一张图了
已是第一张图了
已是最后一张图了

删除历史记录

本条AI对话记录将被永久删除，不可恢复确定要删除吗？
取消
确认
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天，如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频，请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制
特惠
充值7折购
今日还在继续学习的你，太棒了！
7折
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期：00 时 00 分 00 秒
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询

您可以与在线客服进行沟通获得帮助

工作日：9:00~22:00节假日：9:00~18:00

联系在线客服
虎课
积分
免费学习92000+个教程！
配套素材、源文件一键下载！
昨日学员已学习了21,096次
并提交了242份作业！
登录后立即学习！
同意《注册协议》& 《隐私协议》
登录后立即学习！
loading
微信扫码关注即可登录
< 返回
同意《注册协议》& 《隐私协议》
您需要同意协议才可以进行登录
登录虎课网，每天免费学课程全站 92000+ 视频会员教程 | 每日可免费学 1 课
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证