135编辑器生成html,135编辑器如何使用动态样式

1、这节课帮助大家了解135编辑器动态样式的插入和编辑,实现个性图文效果。

aee92983b6e38ae1a0f45a3d0acbe978.png

2、在【样式】菜单下选择【动态】就会出现一些动态的样式,选择一个动态效果,它就会插入到我们的编辑区。

5b6edd3d450a6e628c43ef5597f73881.png

3、在编辑区域右侧有一列功能按钮,点击【手机预览】可以预览图文排版在手机上的效果。

e93f7abf843cdfaab4d79caa88543c47.png

4、修改一些复杂的地方,可以点击工具栏中的【HTML】也就是源代码,我们可以直接在源代码当中进行相应修改。

29d911fd05c101aaaf5554ca96124471.png

5、重新选择一个动态样式,点击【手机预览】可以看到手机上显示出来了一道选择题,我们点击答案,可以看到它会显示答对了或者答错了,这就是135编辑器的

动态效果,会跟我们进行一个互动,读者在图文中可以通过点击得到反馈。

93c356a8155746ed2bc0681b36f2fab3.png

6、直接点击可以对文字、颜色进行修改,但是我们无法直接修改答对了、答错了的效果,这里就需要区【HTML】里面进行修改。

7be73142bae85cf592d067ef0fc98317.png

7、重新选择动态效果,点击【手机预览】这里有一个【点击空白处查看内容】点击一下,就会看到下方有文字出现。

8799a111f6c6bebfac931e46aca93377.png

8、如果觉得这里的动态样式不够多,可以选择【素材库】【样式中心】他会跳转到第三方素材网站,然后选择【风格】【动态SVG】就会看到这里有提供非常多的

动态样式。

349e8a6abe8bb2e017dd47a00427b4bd.png

9、这节课给大家介绍了动态样式的插入,以及动态样式的编辑方法。

161352690ae51ed6240c1fbe7afabbbe.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值