建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JS實現(xiàn)仿中關村論壇評分后彈出提示效果的方法
本文實例講述了JS實現(xiàn)仿中關村論壇評分后彈出提示效果的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
創(chuàng)新互聯(lián)公司是一家專業(yè)提供囊謙企業(yè)網(wǎng)站建設,專注與網(wǎng)站建設、網(wǎng)站設計、H5場景定制、小程序制作等業(yè)務。10年已為囊謙眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設計公司優(yōu)惠進行中。
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="謝謝參與！經(jīng)驗+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);