软件开发培训班 >> 编程开发 >> JavaScript

仿Discuz!的论坛评分发帖弹出提示并渐渐消失的效果

　　本文标签：论坛评分

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>仿中关村论坛评分后弹出提示的效果</title> 
<meta http-equiv="content-type" content="text/html;charset=gb2312"> 
</head> 
<body> 
<script language="javascript"> 
var x=window.x||{}; 
x.creat=function(t,b,c,d){ 
this.t=t; 
this.b=b; 
this.c=c; 
this.d=d; 
this.op=1; 
this.div=document.createElement("div"); 
this.div.style.height="40px"; 
this.div.style.width="100px"; 
this.div.style.background="red"; 
this.div.style.position="absolute"; 
this.div.style.left="50%"; 
this.div.style.marginLeft="-50px" 
this.div.style.marginTop="-20px" 
this.div.innerText="谢谢参与！经验+5" 
this.div.style.fontSize="12" 
this.div.style.lineHeight=this.div.style.height 
this.div.style.textAlign="center"; 
this.div.style.fontWeight="bold"; 
//this.div.style.border="solid red 1px"; 
this.div.style.color="#fff" 
this.div.style.top=(this.b+"%"); 
document.body.appendChild(this.div); 
this.run(); 
} 
x.creat.prototype={ 
run:function(){ 
var me=this; 
this.div.style.top=-this.c*(this.t/this.d)*(this.t/this.d)+this.b+"%"; 
this.t++; 
this.q=setTimeout(function(){me.run()},25) 
if(this.t==this.d){ 
clearTimeout(me.q); 
setTimeout(function(){me.alpha();},1000); 
} 
}, 
alpha:function(){ 
var me=this; 
if("\v"=="v"){ 
this.div.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+this.op*100+")"; 
this.div.style.filter="alpha(opacity="+this.op*100+")"; 
;} 
else{this.div.style.opacity=this.op} 
this.op-=0.02; 
this.w=setTimeout(function(){me.alpha()},25) 
if(this.op<=0){ 
clearTimeout(this.w); 
document.body.removeChild(me.div); 
} 
} 
} 
new x.creat(1,50,25,30); 
</script> 
</body> 
</html>

技术文章快速查找

NetBeans开发J2ME时环境变量配置

点击按钮或链接不跳转只刷新页面的脚本整理

仅IE不支持setTimeout/setInterval函数的第三个以上参数

为你的网站增加亮点的9款jQuery插件推荐

网页中可关闭的漂浮窗口实现可自行调节

基于jquery的inputlimiter 实现字数限制功能

jquery中:input和input的区别分析

javascript定义函数的方法

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建