仿Discuz!的论坛评分发帖弹出提示并渐渐消失的效果
2010-10-31 00:00
465 查看
一般在应用Discuz搭建论坛的网站中,当我们发一个帖子后,就会有一个渐渐出来又渐渐消失的提示,告诉我们发帖子得了多少分,本特效实现的就是这种效果。
仿中关村论坛评分后弹出提示的效果
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
仿中关村论坛评分后弹出提示的效果
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
相关文章推荐
- 仿Discuz!的论坛评分发帖弹出提示并渐渐消失的效果
- 仿Discuz!的论坛评分发帖弹出提示并渐渐消失的效果
- 仿Discuz!论坛评分发帖弹出提示并渐渐消失的效果
- JS实现仿中关村论坛评分后弹出提示效果的方法
- JS实现仿中关村论坛评分后弹出提示效果的方法
- 类似app常见效果,弹出一个提示语句(黑色背景+白色文字),2s后消失(来自改编alert,在h5里比较实用的),下面附上效果图
- Discuz! 5.0.0论坛程序中加入一段js代码,让会员点击下载附件前自动弹出提示窗口
- Discuz! 5.0.0论坛程序中加入一段js代码,让会员点击下载附件前自动弹出提示窗口
- Bootstrap实现提示框和弹出框效果
- iOS 渐变提示。错误弹出提示 几秒自动消失
- 论坛注册、登陆、发帖、回帖弹出下…
- iOS 动画效果。简单的提示消失
- JS组件Bootstrap实现弹出框和提示框效果代码
- 【转载】解决浏览器和discuz7.0论坛不兼容的方法,解决快捷回复弹出下载窗口的问题
- 一个不错的可拖动层遮罩加ALPHA滤镜(点击弹出后背景变浅色,信息提示框效果)
- js实现仿Discuz文本框弹出层效果
- Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
- 让AJAX弹出提示信息效果的代码
- JS实现带提示的星级评分效果完整实例
- QT 实现弹出提示框定时消失