js模拟发短信version1

来源：互联网发布：淘宝靠谱吉他编辑：程序博客网时间：2024/05/18 00:12
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>js的属性操作</title><meta name="description" content=""><meta name="author" content="Administrator"><meta name="viewport" content="width=device-width; initial-scale=1.0"><script type="java/script" src="a.js"></script><style type="text/css">.bottom{border: 1px solid red; height: 50px; width: 300px; margin-left: 100px;}.content{border: 1px solid red; height: 500px; width: 300px; margin-left: 100px; }.imp{width:50px; height: 50px; float: left; margin-left:5px;}.put{   height: 20px; float: left; margin-top: 20px;}.sub{float:left ; width:50px; height: 20px; margin-top: 20px;}</style><script>window.onload=function(){var content =  document.getElementById("context");var q = document.getElementById("moon");var put = document.getElementById("con");var sub = document.getElementById("subb");num=0;var a= ["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg"];function init(){ q.src = a[num];};init();q.onclick = function(){num++;if (num>3) {num=0;};init();};sub.onclick = function(){content.innerHTML +=  put.value + '<br />';put.value = '';};};</script></head><body><div class="content" id="context"></div><div class="bottom"><img id="moon" class="imp"/><input type="text"id="con" class="put"/><input type="button" id="subb" class="sub" value="回复"></div></body></html>
0 0