<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
*{ margin:0padding:0}
#div1{ width:200pxheight:300pxoverflow:hiddenborder:#009 1px solid}
#div1 div{ list-style:noneborder-bottom:1px dashed #666666
margin:10pxoverflow:hiddenfilter:alpha(opacity:0)opacity:0}
</style>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="perfactMove.js"></script>
<script type="text/javascript">
window.onload=function()
{
var oBt=document.getElementById('bt1')
var oTxt=document.getElementById('txt1')
var oDiv=document.getElementById('div1')
oBt.onclick=function()
{ var aDiv=oDiv.getElementsByTagName('div')
//创建li节点
var aDivChildren=document.createElement('div')
//将创建好的li插入ul中
if(aDiv.length==0)
{
oDiv.appendChild(aDivChildren)
}
else
{
oDiv.insertBefore(aDivChildren,aDiv[0])//插入在第一个元素之前
}
//给插入的li赋值
aDivChildren.innerHTML=oTxt.value
oTxt.value=''
//保存新加入的li的宽度
var oHeight=aDivChildren.offsetHeight
//将oli的宽度变为0,然后利用运动来实现,慢慢出现
aDivChildren.style.height=0
startMove(aDivChildren,{height:oHeight},function()
{
startMove(aDivChildren,{opacity:100})
})
}
}
</script>
</head>
<body>
<textarea id="txt1" rows="10" cols="50"></textarea>
<input id="bt1" type="button" value="提交留言" />
<div id="div1"></div>
</body>
</html>
html页面为静态页面,刷新之后相当于重新加载页面不用数据库是不可以实现的
可以把数据写入到txt文件里面
当刷新或者重新打开的时候读取txt文件
js + html 能实现发送邮件的功能,使用Nodejs发邮件组件Nodemailer 使用Nodejs收发电子邮件也非常简单,Nodemailer包就可以帮助快速实现发邮件的功能。 Nodemailer的主要特点包括: 支持Unicode编码 支持Window系统环境 支持HTML内容和普通文本...