この記事の例では、中関村フォーラムの評価を模倣した後にポップアップ プロンプト効果を実装するための JS メソッドについて説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。
<頭>
JS は、中関村フォーラムでの評価後のポップアップ プロンプトの効果を模倣します
<スクリプト言語="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="赤";
this.div.style.position="絶対";
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="太字"
//this.div.style.border="赤一色 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 "%";
これ.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
clearTimeout(this.w);
document.body.removeChild(me.div);
}
}
}
new x.creat(1,50,25,30);
