玩转文本框组件,如何使用文本框实现各种效果

寻找新技能 显示全部楼层 发表于 2021-4-1 14:17:40 |阅读模式 打印 上一主题 下一主题

A:文本框最厉害的一点就是可以当成html来编写代码,这就造就了它万能的能力,任何网页能实现的效果它基本上都能实现,除了极个别的功能,比如动态移动文字图片等等。任何元素都可以使用css在产品内部实现,不如宽高等等。HTML,CSS,JS是玩转文本框的必要基础。

1.如何用文本框代替网页组件?
新建一个文本框,在里面写入html模板。利用iframe插件来实现该功能(自带,不需要单独安装)。
脚本:
效果:
2.在文本框内实现华丽UI
新建一个文本框,在里面写入html模板。
脚本(此脚本同样验证了文本的动态移动在文本框内不能实现):

http://localhost:8086/bi/Viewer?proc=2&action=homeLogo2&resource=/g5/h5/style/images/home/homeLogo2.svg" width="100px" height="100px">
永洪科技

Yonghong Tech

效果:
Hover翻转状态:当鼠标放在永洪科技上,这几个字会消失,利用CSS编写

回复

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |联系社区管理员|《永洪社区协议》
返回顶部