<style>
#d1{
width: 800px;
height: 500px;
border: 5px solid black;
}
#txt{
width: 300px;
height: 200px;
border: 2px solid #ccc;
}
#d2{
width: 200px;
}
li{
list-style: none;
}
</style>
</head>
<body>
<div id="d1">
<textarea id="txt" cols="30" rows="10"></textarea>
<button id="btn">发布</button>
<ul id="ul1"></ul>
</div>
</body>
<script>
var oBtn=document.getElementById('btn');
var oTxt=document.getElementById('txt');
var oUl1=document.getElementById('ul1');
oBtn.onclick=function(){
var newLi = document.createElement('li');
var child=oUl1.children;
oUl1.insertBefore(newLi,child[0]);
newLi.innerHTML=txt.value;
}
</script>
css+js简易微博效果
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 最近一个项目中，需要一个类似微博个人页滑动效果，这里提供一种简易实现思路。如果有更好的实现思路，欢迎探讨~ 实现效...
