L'exemple de cet article décrit la méthode JS pour implémenter l'effet d'invite contextuelle après avoir imité l'évaluation du forum Zhongguancun. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :
JS imite l'effet de l'invite contextuelle après l'évaluation sur le forum Zhongguancun
var x=window.x||{};
x.creat=fonction(t,b,c,d){
this.t=t;
ceci.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="rouge";
this.div.style.position="absolu";
this.div.style.left="50%";
This.div.style.marginLeft="-50px"
this.div.style.marginTop="-20px"
this.div.innerText="Merci d'avoir participé ! Expérience 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="rouge uni 1px"
this.div.style.color="#fff"
this.div.style.top=(this.b "%");
document.body.appendChild(this.div);
this.run();
>
x.creat.prototype={
exécuter:fonction(){
var moi=this;
this.div.style.top=-this.c*(this.t/this.d)*(this.t/this.d) this.b "%";
ça.t ;
This.q=setTimeout(function(){me.run()},25)
si(this.t==this.d){
clearTimeout(me.q);
setTimeout(function(){me.alpha();},1000);
>
},
alpha:fonction(){
var moi=this;
si("v"=="v"){
This.div.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=" this.op*100 ")";
This.div.style.filter="alpha(opacity=" this.op*100 ")";
;}
autre{this.div.style.opacity=this.op}
this.op-=0.02;
this.w=setTimeout(function(){me.alpha()},25)
si(this.op<=0){
clearTimeout(this.w);
document.body.removeChild(me.div);
>
>
>
nouveau x.creat(1,50,25,30);
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
