不熟练的布局加javascript

abstract：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0px;padding: 0px;} body{font-size:1

<!DOCTYPE html>

<html>

<head>

*{margin: 0px;padding: 0px;}

body{font-size:12px;}

.box{width:500px;height:300px;border:6px solid pink;margin:0px auto;font-size:15px;color: #888;}

.box img{height: 20px;margin-top:5px;float:left;}

.a{float:left;margin-left: 180px;margin-top:4px;}

.a span{font-size:17px}

#text{width:460px;height:220px;border:2px solid #ccc;margin-top:10px;margin-left:20px;}

.sp{width:60px;height:32px; line-height:32px;margin-left:20px;float: left;}

.sp img{width:28px; height:28px;margin-top:2px;}

.sp span{font-size:14px;margin-left:3px;}

.sp input{width:60px;height:33px;background:pink;border:none;font-size:14px;color: #888;border-radius:10px;}

</style>

var mun,text,m

window.onload = function() {

text = document.getElementById('text')

mun = document.getElementById('mun')

bu = document.getElementById('bu')

text.onkeyup = function aa(){

m = 140 - text.value.length//微博限制的值

if (m<0) {

mun.style.color = 'red'

}else{

mun.style.color = '#888'

}

mun.innerHTML = m

}

bu.onclick=function(){

if (m ==140) {

alert("你没有输入内容")

text.focus()

}else if(m<0){

alert("你超出了规定内容")

text.focus()

}else{

alert("发布成功")

}

aa()

}

</script>

</head>

<body>

<em>还可以输入<span id="mun">140</span>字</em>

</div>

<div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

%S5I_5EF_Q(NAN~UV7LLY6P.png }E1MY(4~W~6B3`1DTGWOB2K.png CJV4[7FK$CQ0E2$7)Q3CGFF.png U~S1Z0QZRQT_JO2IO_QS}MM.png X~]@M5YHUO@7%CZ{UK7O@E8.png

Correcting teacher：韦小宝Correction time：2018-12-13 11:27:11
Teacher's summary：写的很不错！很棒！课后记得多多练习哦......

不熟练的布局加javascript

Popular Entries