如何给网页添加浮层容器(浮层式、提示式)动效?

2017年10月01日 标签: 使用指南

mi4

00:00 / 00:00

浮层容器的使用

容器属于网站建设中的高级技能了,一般需要专业的设计师来操作。

 

微企点为用户提供浮层式、标签式、悬浮容器等容器样式。容器里面不可以放文章控件

本文介绍浮层容器(浮层式、提示式)。

 

首先,用户可以选择自己需要的样式,拖拽进设计器即可。

浮层式

1、设置关联容器样式。双击容器控件或鼠标选中容器之后点击“设置按钮”。

用户可在此设置二级容器出现和隐藏的触发动作及出现或隐藏的动画效果。此外,用户还可在此设置一级容器和二级容器的背景色、边框等。
一级容器:网页上显示的内容。
二级容器:点击或鼠标悬浮一级容器上,出现的内容。


2、修改关联容器内容。

首先,在上述步骤1(设置样式)中,退出时选中“一级容器”,可进入“一级容器”表单设置。同理,修改二级容器内容,在上述步骤退出时“二级容器”即可。

修改方式:根据需要拖拽相应的基础件、控件进入容器并进行编辑即可。编辑完成,点击表单编辑框之外的部分即可退出编辑状态。
选中容器中元素的方式:先点击选中容器,再点击元素进行修改。
用户可以通过对拖拽进来的元素进行附着与分离操作。

提示式


1、设置关联容器样式。

用户可在此设置二级容器出现和隐藏的触发动作及出现或隐藏的动画效果。此外,用户还可在此设置一级容器和二级容器的背景色、边框等。
一级容器:网页上显示的内容。
二级容器:点击或鼠标悬浮一级容器上,出现的内容。


2、修改关联容器内容。

修改方式:根据需要拖拽相应的基础件、控件进入一级容器和二级容器并进行编辑即可。编辑完成,点击表单编辑框之外的部分即可退出编辑状态。
选中容器中元素的方式:先点击选中容器,再点击元素进行修改。
用户可以通过对拖拽进来的元素进行附着与分离操作。
注意:如果希望访客打开网址看到该提示式容器是展开样式,则设计器中保持展开样式即可。反之同理。
  

热门新闻

分类标签

模板推荐

手机 PC |
客服QQ : 4009969000
客服电话 : 400-996-9000

扫描关注微信公众号

周一至周五 9:00~18:00

非工作时间,请您QQ留言,我们会及时回复

返回顶部