基于HTML5的网络课堂前端设计
var bd2h=bd2r2.offsetHeight; bd2r2.style.height=h+bd2h+'px'; input.onclick=function(){ }
if(txt.value!=''){ } else{ }
alert('您的评论为空');
bd2r2.style.height=(bd2r2.offsetHeight-h)+'px'; dii1.style.display='none'; var p=document.createElement('p'); p.style.marginLeft=20+'px'; p.innerHTML='评论:'+txt.value; dii2.appendChild(p); txt.value='';
ul3.style.borderBottom='1px solid #eee'; dii1.style.display='none'; var ph=dii2.offsetHeight; bd2r2.style.height=ph+bd2h+'px';
}
实现点赞功能是模拟qq上的送花功能，动态生成花的数量：
lis3[2].onclick=function(){
clearInterval(timl);
var bod=document.getElementById('bod'); var dsw=document.documentElement.clientWidth; var dsh=document.documentElement.clientHeight; bod.style.width=dsw+'px'; for(var i=0;i<=4;i++){
timl=setTimeout(function(){
clearInterval(tim);
var dss=document.createElement('div'); dss.className='dss';
dss.innerHTML='
25
洛阳师范学院2016届本科生毕业设计
}
dss.style.top=Math.floor(Math.random()*dsh-300)+'px'; dss.style.left=Math.floor(Math.random()*1800)+'px'; var tp=dss.offsetTop; var tim=null;
tim=setInterval(function(){
tp++;
if(tp>=dsh-100){ }
dss.style.top=tp+'px';
clearInterval(tim); bod.removeChild(dss);
},1)
},100)
}
以下代码是实现收藏及转发功能：
lis3[3].onclick=function(){
}
var a=Number(lp3.innerText); a+=1;
lp3.innerText=a;
var div1=bd1_21.cloneNode(false); var div2=bd1_211.cloneNode(true); var div3=bd1_212.cloneNode(false); bd1_2.appendChild(div1); div1.appendChild(div2); div1.appendChild(div3);
div3.innerHTML='他收藏了您的《来自星星的你》这个视频。老师很棒';
lis3[4].onclick=function(){
var div1=bd1_21.cloneNode(false); var div2=bd1_211.cloneNode(true); var div3=bd1_212.cloneNode(false); bd1_2.appendChild(div1); div1.appendChild(div2); div1.appendChild(div3);
26
基于HTML5的网络课堂前端设计
div3.innerHTML='他转发了您的《Java课程》。老师很棒';
}
实现翻页的代码：
lis4[0].onclick=function(){
}
dr2.style.display='none'; dr3.style.display='none'; dr1.style.display='block'; lis4[0].className='lis3'; lis4[1].className=''; lis4[2].className='';
lis4[1].onclick=function(){ }
lis4[2].onclick=function(){ }
function shangyiye(){
if(dr1.style.display=='block'){ }
else if(dr2.style.display=='block'){
dr2.style.display='none';
27
dr1.style.display='none'; dr3.style.display='none'; dr2.style.display='block'; lis4[1].className='lis3'; lis4[0].className=''; lis4[2].className='';
dr1.style.display='none'; dr3.style.display='block'; dr2.style.display='none'; lis4[1].className=''; lis4[0].className=''; lis4[2].className='lis3';
dr1.style.display=='block' lis4[0].className='lis3'; alert('已是第一页');
洛阳师范学院2016届本科生毕业设计
}
}
dr3.style.display='none'; dr1.style.display='block'; lis4[0].className='lis3'; lis4[1].className=''; lis4[2].className='';
else if(dr3.style.display=='block'){ }
dr1.style.display='none'; dr3.style.display='none'; dr2.style.display='block'; lis4[1].className='lis3'; lis4[0].className=''; lis4[2].className='';
function xiayiye(){
if(dr3.style.display=='block'){ }
else if(dr1.style.display=='block'){ }
else if(dr2.style.display=='block'){
dr1.style.display='none'; dr3.style.display='block'; dr2.style.display='none'; lis4[1].className=''; lis4[0].className=''; lis4[2].className='lis3';
28
dr3.style.display=='block'; alert('已是最后一页');
dr1.style.display='none'; dr3.style.display='none'; dr2.style.display='block'; lis4[1].className='lis3'; lis4[0].className=''; lis4[2].className='';
基于HTML5的网络课堂前端设计
}
}
3. 教师登录后界面显示
查看信息页：
“清空”按钮clicked事件代码如下： int row1,value1,value2
value1=messagebox(\系统提示!\你确定要删除吗?这一操作将会删除该表中所有记录\
if value1=1 then
select count(*) into :row1 from 旅客去向表;
if row1 >0 then
value2=messagebox(\系统提示!\你确定要删除吗?\if value2=1 then
delete from 旅客去向表;
messagebox(\系统提示!\信息已经清除!\
end if
messagebox(\系统提示!\表中已经无信息!\
else end if
end if
29