求得/分享资源

  • 您希望求得还是分享呢?

  • 求得资源(我们会尽全力满足) *

  • 分享资源(我们代表其他用户衷心感谢您的分享)

  • 分享附件

    浏览文件

  • 确认提交

  • 验证码
    看不清?换一张
    取消
    确定

悬停盒子模块

深量菌 北京深量技术有限公司
发表时间: 2021-04-02

功能作用


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


实现效果

一、模块设置


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



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



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



二、使用方法


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



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



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



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



  • 2.5  PC完成效果

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




浏览:
点赞 | 0
分享
悬停盒子模块
长按图片保存/分享

5x8小时服务

免费备案

无忧退款

全周期专业服务

我们期待您的来电。

ShenLiang 010 - 8646 6600

京ICP备16060693号-2京公网安备11010802028442号版权所有 © 1999 - 2021 北京深量技术有限公司,保留所有权利。

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

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了