微信扫一扫 加好友咨询

建站套餐

云模板站300元

——

营销设计型官网

1500元

支持分期支付网站费

——

优化排名5元/天 

营销型企业官网定制

套餐一:签1年,优惠价1500元,续费700元/年

套餐二:签3年,优惠价2200元,续费700元/年

套餐三:签5年,优惠价3000元,续费700元/年

以上价格包含:域名+阿里云服务器+网站制作+网站维护

电话/微信咨询:139-1786-9545

活动有效期:2021年4月15日止

帮助中心

建站知识 新闻公告 操作教程

如何使用上海H5网站建设系统的悬停盒子功能

发表时间: 2020-08-27
上海H5网站建设系统的悬停盒子功能实现页面鼠标移入带来的动态交互效果,嘉定网站建设,h5建站,速成建站,通用模块

上海H5网站建设系统的悬停盒子功能实现页面鼠标移入带来的动态交互效果。


实现效果

一、模块设置


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



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



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



二、使用方法


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



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



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



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



  • 2.5  PC完成效果

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



浏览: 365
点赞 | 0
分享
如何使用上海H5网站建设系统的悬停盒子功能
上海H5网站建设系统的悬停盒子功能实现页面鼠标移入带来的动态交互效果,嘉定网站建设,h5建站,速成建站,通用模块
长按图片保存/分享

推荐阅读

热门资讯

热门检索

云站网可以为您做什么

sass云建站·营销型官网·自适应网站·推广优化


0元免费建站

多个模板可供选择

配置简单 快速上线 

腾讯云存储空间1G

免费升级 降低成本

仅限无网站的企业免费领取


可视化云模板建站

H5响应式技术,自由拖拽建站

数十个模块,上千个样式可选

saas系统安全可靠,不用学编程

集成数百套美观模板供选择

可以选模板,也可自己排版设计


营销型官网设计

根据用户需求,为客户设计网站界面

采用HTML5技术,自适应网站

产品主图,公司介绍等文字免费上传

为客户制作漂亮大气的幻灯片

域名注册+网站备案+网站设计维护


私域电商网站设计

社群微分销商城

短视频直播带货商城

多人拼团营销商城

小程序社区团购系统

B2B2C多商家系统


网站推广 优化 运营

为客户提供网站改版服务

为客户制作网站推广计划

为客户提供网站运营更新

关键词百度首页排名按天付费

关键词百度首页排名包年推广

版权所有 Copyright(C) 云站网络 上海百重信息技术有限公司 沪ICP备20017299号-1  沪公网安备 31011402008820号