专注网站建设服务优质供应商!
咨询电话:15259280950(微信同号)    咨询QQ:375750496
观察行业视觉 用我们专业的角度 讲出你们的心声
NEWS CENTER ·
网站装修
关注博久网络 关注前沿

博久H5建站系统:悬停盒子模块

发表日期:2019-04-02 15:39    文章编辑:互联网    浏览次数:    标签:H5建站(153)模块帮助文档(36)


一、悬停盒子


1.1功能和作用


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


二、模块设置


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



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



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



三、使用方法


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



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



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



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



3.5 PC完成效果

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





如没特殊注明,文章均为博久网络原创,转载请注明来自http://www.51serive.com/help/h5/zx/20190520/1903.html
相关新闻
  • 电话:0592-登录显示
  • 传真:375730496@qq.com
  • 微信:15259280950
  • 网址:www.51serive.com
  • 地址:厦门市思明区软件园二期

@2009-2018 厦门博久网络科技有限公司 版权所有 Copyright www.51serive.com All Rights Reserved.     

闽ICP备10204185号