JS实现仿中关村论坛评分后弹出提示效果的方法是什么
短信预约 -IT技能 免费直播动态提醒
JS实现仿中关村论坛评分后弹出提示效果的方法是什么，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
这里实例讲述了JS实现仿中关村论坛评分后弹出提示效果的方法。分享给大家供大家参考。具体实现方法如下：
<!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>JS仿中关村论坛评分后弹出提示的效果</title> </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>希望本文所述对大家的javascript程序设计有所帮助。
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注编程网行业资讯频道，感谢您对编程网的支持。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
