复代码 代码如下: <머리> <제목> <br>body,ul,li,h2,p <br>{ <br>margin:0px; <br>패딩:0xp; <br>} <br>#div1 <br>{ <br>너비:200px; <br>높이:200px; <br>배경:#ccc; <br><br>} <br>.calendar <br>{ <br>너비:240px; <br>높이:345px; <br>배경:#ccc; <br>여백:자동; <br>} <br>.calendar ul <br>{ <br>list-style:none; <br>폭:232px; <br>높이:260px; <br>여백:0px; <br>패딩:0px; <br>} <br><br>.calendar ul li <br>{ <br>width:45px; <br>높이:65px; <br>배경:#333; <br>플로트:왼쪽; <br>디스플레이:인라인; <br>왼쪽 여백:11px; <br>여백 상단:10px; <br>테두리:1px 단색 #ccc; <br>텍스트 정렬:가운데; <br>색상:#FFF; <br><br>} <br>.calendar ul li:hover <br>{ <br>border:1px solid #000; <br><br>} <br>.text <br>{ <br>배경:#F96; <br>여백:10px; <br>padding-bottom:10px; <br>높이:45px; <br>} <br>.text h2 <br>{ <br>display:inline; <br><br>} <br>.active <br>{ <br>배경:#FFF !중요; <br>색상:#C03 !중요; <br>} <br><br> <br>/* window.onload=function() <br>{ <br>var oBtn=document.getElementById('btn1'); <br>var oTxt=document.getElementById('txt1'); <br>var oDiv=document.getElementById('div1'); <br>oBtn.onclick=function() <br>{ <br>oDiv.innerHTML=oTxt.value; <br>} <br><br>}*/ <br>window.onload=function() <br>{ <br>var aLi= document.getElementsByTagName('li'); <br>var Otxt =document.getElementById('tab').getElementsByTagName('div')[0]; <br>var aDats =['元旦1月1日','2月14日情人节','3月3日전국爱耳日', <br>'4月1日愚人节','5月1日國际劳动节','6月1日 國际儿童节', <br>'7月1日中國共产党诞生日','8月1日中國人民解放军建军节','9月10日中國教师节', <br>'10월 1일中华人民共和國國庆节','11월 9일消防宣传日','12月3日世界残疾人日' <br>]; <br><br>var i=0; <br>for(i=0;i<aLi.length;i ) //for循环历遍li元素 <BR>{ <BR>aLi[i].index=i; <BR>aLi[i].onmouseover =function() //添加鼠标指向事件 <BR>{ <br><br>for(i=0;i<aLi.length;i ) //for循环历遍li元素去掉li样式 <BR>{ <BR>aLi[i].className =''; <BR>} <BR>this.className ='활성'; //给当前标签添加active 样式 <br><br>Otxt.innerHTML ='<h2>' (this.index 1) '</h2>' '월' '<p>' aDats[this.index] '</p>'; <br>} <br><br>} <br><br>}; <br><br> <본문> 1JAN 2FER 3MAR 4APR 55월 6JUM 77월 8AUG 9SEP 10OCT 11NOV 12DEC
