用js做旧版微博发布文章

用js做旧版微博发布文章

想法
用js做出微博发布位置的效果

总结:
难点在于如何判断生成和发送
效果

写入文字点击发送
文字发送

注意
:生成后一定要转换

总过程
定义变量
接收传回数值
转化输出

过程
Html部分:
在这里插入图片描述

用textarea来承载输出
Input用输入文字
Ul中的li是输出位置
Js部分:
定义三个变量
分别是按钮,ul,文本框
在这里插入图片描述

按钮点击事件
在这里插入图片描述

定义一个变量等于里面的一行li
让它的innerHTML等于value值
在让它等于空;
接下来判断数组长度
如果大于指定的已有子节点之前插入新的子节点;
就输出新的一行如果不是就添加li;
在这里插入图片描述

输出数组长度
如果不去定义的话默认等于内容长度
在这里插入图片描述

定义变量等于可视高度
StartMove是自定义方法;
返回高度;
效果达成
在这里插入图片描述

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值