[jQuery] jq 模拟微博发布练习

开发技术发布于：2021-07-10 14:14 | 阅读数：367 | 评论：0

　　<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
    margin:0;
    padding:0;
    list-style:none;}
    #outer{
    margin:0 auto;
    border:solid 1px;
    width:760px;}
textarea{
margin-left:10px;}
li{
border-bottom:1px dashed #ccc;
line-height: 30px;
}

</style>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<div id="outer">
   <p>微博内容</p>
<textarea rows="10" cols="100"></textarea>
<button>微博发布</button>
<ul>

</ul>
</div>
<script>
$(document).ready(function(e) {
$("button").click(function(){
    //添加
    $("ul").prepend("<li>"+$("textarea").val()+"</li>");
    //做动画
    $("ul li:first").hide().slideDown(500);
    //清空
    $("textarea").val("");
    });
});
</script>
</body>
</html>

　　

免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群 QQ空间

返回列表

POOPE LV4

285 经验

1080 文档

[jQuery] jq 模拟微博发布练习

相关帖子

电脑系统win10究竟好不好用？

怎么开通微博账号

如何开通微博账号新浪微博

怎样开通微博账号和密码

淘宝绑定微博解除步骤

手机淘宝取消微博绑定步骤

HarmonyOS 3发布，华为帐号为用户带来协同一致的多设备智慧体验

【万字好文】一文看懂持续部署按需发布！DevOps部署和发布方法大全

PM2一键搞定，多台服务器同时部署发布Node.js项目！

解决编辑器图片插入多次但发布后只显示一次问题

POOPE LV4