6顶

通常用于评论评价后后弹出浮动并自动消失的提示层效果

稿源：互联网 2018-09-15 02:34:52 点击： 2712 撤稿纠错

评分后弹出浮动提示层效果，向上浮动显示，最后隐藏起来。

以下讨论的是和评分弹出浮动提示层消失相关的通常用于评论评价后后弹出浮动并自动消失的提示层效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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>
<meta http-equiv="content-type" content="text/html;charset=gb2312">

<title>网页特效 评分后弹出浮动提示层特效 </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="120px";
 this.div.style.background="#000";
 this.div.style.position="absolute";
 this.div.style.left="50%";
    this.div.style.marginLeft="-50px"
 this.div.style.marginTop="-20px"
 this.div.innerText="欢迎访问js.alixixi.com"
 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>

关于通常用于评论评价后后弹出浮动并自动消失的提示层效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2018091566673.shtml方便下次再访问哦。

·上一篇： 兼容性很好的jquery提示层特效
·下一篇： 仿google首页图层拖动排序效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

通常用于评论评价后后弹出浮动并自动消失的提示层效果

文章分类LIST >>返回首页

最新游戏

最新新闻