我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

JS实现仿中关村论坛评分后弹出提示效果的方法是什么

JS实现仿中关村论坛评分后弹出提示效果的方法是什么,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

果洛州网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作,到程序开发,运营维护。创新互联公司2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

这里实例讲述了JS实现仿中关村论坛评分后弹出提示效果的方法。分享给大家供大家参考。具体实现方法如下:

   JS仿中关村论坛评分后弹出提示的效果    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);   

希望本文所述对大家的javascript程序设计有所帮助。

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


新闻标题:JS实现仿中关村论坛评分后弹出提示效果的方法是什么
标题链接:http://shouzuofang.com/article/jpoois.html

其他资讯