JSDM

HTML

 
1
   <div id="header"> this is header</div>
2
            <div id="footer">
3
<input id='msg' type="" vavlue='1111'>
4
<button onclick='send()' >SEND</button>
5
6
</div>
7
<div id="content">
8
<div id='box'>
9
10
dfsfaf 
11
12
</div>
13
14
  </div>

CSS

xxxxxxxxxx
44
 
1
html,body {
2
    height:100%;
3
   overflow:qhidden;
4
}
5
*{margin:0;padding:0}
6
li,input,button{height:35px;}
7
8
#content{
9
height:80%;
10
margin-top:100px;
11
margin-left:100px;
12
width:60%;
13
}
14
#box{
15
16
17
 height:100%;
18
 bottom:35px;
19
text-align:center;
20
21
border:1px solid red;
22
 overflow:scroll;
23
}
24
li{
25
border:1px solid red;
26
margin-top:10px;
27
}
28
#header {
29
   width:200px;
30
    height:100px;
31
position:fixed;
32
top:0;
33
34
    background:#FeE4B5;
35
}
36
#footer{
37
    clear:left;    /* 防止float:left对footer的影响 */
38
    width:380px;
39
    height:80px;
40
position:fixed;
41
bottom:0;
42
right:0;
43
    background:#FFE4B5;
44
}
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

xxxxxxxxxx
20
 
1
2
function $(id) {
3
  return document.getElementById?document.getElementById(id):document.all?d.all[id]:document.layers[id];
4
}
5
function send(){
6
7
  $("box").innerHTML+="<h1>"+$("msg").value+"</h1>";
8
9
$("box").scrollTop+=1000;
10
11
}
12
window.onload=function(){
13
$("box").onscroll=function(){
14
console.log(this);
15
console.log(this.scrollTop);
16
17
}
18
19
}
20
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................