用js编写留言板

2023-07-28 14:23:13 58

本文实例为大家分享了js编写留言板的具体代码，供大家参考，具体内容如下





Document

*{
margin:0px;
padding:0px;
font-size:12px;
}
.tie{
width:70px;
height:30px;
background:pink;
border-radius:10%;
}
.an{
width:70px;
height:30px;
background:pink;
border-radius:10%;
}
.allFather{
position:fixed;
left:250px;
top:0px;
border:1pxsolidgray;
width:300px;
height:300px;
}
.wenb{
width:260px;
height:25px;
margin-top:10px;
margin-left:10px;
color:gray;
}
.two{
margin-top:10px;
margin-left:10px;
}
.jj{
width:120px;
height:25px;
}
.kk{
margin-top:10px;
margin-left:10px;
width:260px;
}
.an{
margin-top:10px;
margin-left:10px;
}



我要发帖




所属板块

英雄联盟
穿越火线
qq飞车
地下城与勇士
逆战

发布

//点击时使发帖界面显示 vartie=document.getElementsByClassName('tie')[0]; tie.onclick=function(){ document.getElementsByClassName('allFather')[0].style.display="block"; } //获得节点上传 varbt=document.getElementsByClassName("wenb")[0];//获得标题 varbk=document.getElementById('wyd');//获得板块 varjio=document.getElementsByClassName('kk')[0];//获得多行文本框内容 vartime=newDate();//获得时间 varnian=time.getFullYear();//获得年份 vardt=time.getMonth();//获得月份 varr=time.getDate();//获得日期 varshi=time.getHours();//获得小时 varfen=time.getMinutes();//获得分钟 //实现上传 varitems=document.getElementsByClassName('items')[0];//获得ul的节点属性 //实现创造新节点 //焦点聚集事件 bt.onfocus=function(){ bt.value=""; } functioncz(){ //先创建li的节点 varLi=document.createElement('li'); //然后插入到ul中 items.appendChild(Li); Li.style.listStyle="none"; //创建图片 varimg=document.createElement('img'); Li.appendChild(img);//在li中插入图片 varisz=['../images/sdg.jpg','../images/dfggfhs.jpg'];//一个图片的数组 varindex=Math.floor(Math.random()*2); img.style.width="50px"; img.style.height="50px"; img.style.borderRadius="50%"; img.setAttribute('src',isz[index]); //创建图片右边内容的大盒子 varhfather=document.createElement('div'); Li.appendChild(hfather);//插入大盒子 //实现盒子左浮动 hfather.style.display="inline-block"; //创建标题 varlibt=document.createElement('p'); hfather.appendChild(libt); libt.style.fontSize="20px"; libt.style.color="black"; libt.style.fontWeight="bloder"; libt.style.marginBottom="5px"; libt.innerHTML=bt.value;//填充内容 //创建板块 vartext=""; for(i=0;i

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

用js编写留言板

热门推荐

随机推荐