js+css+html模仿评论接收显示模块

最新推荐文章于 2024-06-16 00:47:57 发布

红豌豆

最新推荐文章于 2024-06-16 00:47:57 发布

阅读量583

点赞数 1

分类专栏：前端文章标签： javascript css3 css

本文链接：https://blog.csdn.net/qq_64353584/article/details/122993661

版权

本文介绍了一个利用JavaScript、CSS3和HTML创建的评论接收并动态显示的模块。通过JavaScript处理文本域的内容提交，并以动画形式展示在li元素中。此实例侧重于锻炼JavaScript的基础运动效果和CSS的基本应用。

摘要由CSDN通过智能技术生成

介绍：当在文本域写入文字，提交后直接显示在li标签中，这就是用到js语言，主要用于完成动画，所谓的动画就是通过获取元素，改变元素的某一属性，通过定时器的调用，从而形成一系列的动作，在我们的感官认识中则认为是动画。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		*{
			margin: 0;
			padding: 0;
		}
		div{
			width: 440px;
			margin: 20px auto;
			background-color: #999;
			padding: 10px;
		}
		#tx1{ /* vertical-align 对于块级元素无效 */
			vertical-align: middle;
			outline: 5px double red; /*外框*/
			/* resize: none; /*禁止文本域拖拽*/ */
		}
		#ull{
			width: 390px;
			height: 800px;
			outline: 1px solid green;/* //外边框 */
			overflow: hidden;/* //超出范围隐藏 */
			margin-top: 10px;
		}
		li{
			list-style: none;
			border-bottom: 1px solid white;
			overflow: hidden;
			filter: alpha(opacity:0);
			opacity: 0;
			padding: 4px;
		}
		</style>
		<script src="stardMove2.js"></script>
		<s

最低0.47元/天解锁文章

红豌豆

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
2
评论
js+css+html模仿评论接收显示模块

介绍：当在文本域写入文字，提交后直接显示在li标签中，这就是用到js语言，主要用于完成动画，所谓的动画就是通过获取元素，改变元素的某一属性，通过定时器的调用，从而形成一系列的动作，在我们的感官认识中则认为是动画。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0;
复制链接

扫一扫