帮助中心  |  汇款信息  |  我要吐槽  |  在线咨询  |  010-86466600

您好! 请登录 注册

官方支付

—— 优惠又保障 ——

对公转账:

开户行:招商银行股份有限公司北京中关村支行

开户名称:北京深量技术有限公司

账号:110925203710801

图片展示
图片展示

深量建站 - 阿里云建站服务商      快上车:抢先领取中国复工券!

深量建站 - 阿里云建站服务商

搜索

悬停盒子模块

作者:深量菌 发表时间:2020-02-24 15:25:16

一、悬停盒子


1.1功能和作用


实现页面鼠标移入带来的动态交互效果。


二、模块设置


路径:编辑页面——添加模块——悬停盒子——拖到页面合适位置



选择鼠标移入的切换效果及手机显示端。



保存后,鼠标移到模块右上角会显示两个标签,默认跟悬停。鼠标点击切换两个区,分别添加模块到两个区的盒子内容区,即可。(默认区是页面默认显示的内容,悬停区是鼠标移入显示的内容)



三、使用方法


3.1 以上述动态图为例,先把默认的图片模块添加到默认区域



3.2 点击模块上方悬停切换到悬停,再把图文模块及文本模块添加到悬停内容区



3.3 鼠标移至悬停盒子的样式编辑,调整悬停的背景为黑色,把透明度调为一半左右,有磨砂透明效果 (可根据喜好调整)



3.4 细节调整二维码及文字的模块内边距,使效果更佳。



3.5  PC完成效果

 手机完成效果 (手机效果按教程第二步,可设置显示是悬停还是默认的内容)





俗话说得好:工具用得好,订单不怕少!这么多的营销工具还怕不能好好搞活动吗?

好了,今天的分享就到这里了~有问题可以 >>戳这里 跟我交流哦~




悬停盒子模块
长按图片保存/分享

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

深量聚焦为客户提供优质工具、优质服务、优质解决方案

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.