评分后弹出浮动提示层-JS特效-爱易网页

评分后弹出浮动提示层

日期：2014-05-18　浏览次数：20226 次

以下是程序代码

<!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">
<meta name="keywords" content="站长特效,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。以质量为核心，以实用为目的,打造一流网页特效站" />
<title>网页特效 评分后弹出浮动提示层特效 站长特效网</title>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<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="多谢支持站长特效网"
 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();
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。
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);
  }
 }
}//欢迎来到x站长 特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。
new x.creat(1,50,25,30);
</script>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

评分后弹出浮动提示层

相关资料更多>

推荐阅读更多>