右下角弹出(淡出)消息（js）

来源：互联网发布：淘宝无线流量互刷软件编辑：程序博客网时间：2024/06/05 12:55

/*网页右下角消息提示*/
/**---------------------------------------------------------------------------
* browser determine;
*/
{

var ua = navigator.userAgent;
var $IE = (navigator.appName == "Microsoft Internet Explorer");
var $IE5 = $IE && (ua.indexOf('MSIE 5') != -1);
var $IE5_0 = $IE && (ua.indexOf('MSIE 5.0') != -1);
var $Gecko = ua.indexOf('Gecko') != -1;
var $Safari = ua.indexOf('Safari') != -1;
var $Opera = ua.indexOf('Opera') != -1;
var $Mac = ua.indexOf('Mac') != -1;
var $NS7 = ua.indexOf('Netscape/7') != -1;
var $NS71 = ua.indexOf('Netscape/7.1') != -1;

if ($Opera) {
  $IE = true;
  $Gecko = false;
  $Safari = false;
}
if ($IE5) {
         $IE = true;
         $Gecko = false;
         $Safari = false;
}
}
function $_t(root,tag,id){
var ar=root.getElementsByTagName(tag);
for (var i=0;i<ar.length;i++){
  if (ar[i].id==id) return ar[i];
}
return null;
}
function _(root){

var ids=arguments;
var i0=0;

if (typeof(root) == 'string') root = document;
else i0=1;

for (var i=i0;i<ids.length;i++){
  var s=root.getElementsByTagName("*");

  var has=false;
  for (var j=0;j<s.length;j++){
   if (s[j].id==ids[i]){
    root=s[j];
    has=true;
    break;
   }
  }
  if (!has) return null;
}
return root;
}
//util

function $ge(e){
if (e!=null) return e;
if ($IE) {
return window.event;
} else return e;
}

/**
* get event for a element;
*/
function $gte(e,ev){
if (!e.getElementById) e=e.ownerDocument;
if ($IE) {
  return ev!=null ? ev : e.parentWindow.event;
} else {
  return ev;
  throw new Error("this method can only execute in IE");
}
}
function $addEL(n,e,l,b){

if ($IE){
  if (n["$__listener_"+e]==null){
   var lst=function (e){

    var f=arguments.callee;
    var ar=f.fList;

    e=$ge(e);
    for (var i=0;i<ar.length;i++){
     ar[i](e);
    }
   }
   lst.fList=[];
   n["$__listener_"+e]=lst;
   n["on"+e]=n["$__listener_"+e];

  }
  var fList=n["$__listener_"+e].fList;
  fList[fList.length]=l;

} else {
  n.addEventListener(e,l,b);
}
}
function $cancelEvent (e) {
if ($IE) {
  e.returnValue = false;
  e.cancelBubble = true;
} else
  e.preventDefault();
};
function $cpAttr(o,p){
for (var i in p){
  var s=p[i];
  o[i]=s;
}
return o;
}
function $getValue(v,d){
return v==null ? d : v;
}
var $gv=$getValue;

var $dom={
parseInt : function(s) {
if (s == null || s == '' || typeof(s)=='undefined')
return 0;

  return parseInt(s);
},
getClientSize : function(n){
  if ($IE){
   //ts("this is ie");
   var s= {x:n.clientLeft,y:n.clientTop};
   s.l=s.x;
   s.t=s.y;
   s.r=n.clientRight;
   s.b=n.clientBottom;

   s.w=n.clientWidth;
   s.h=n.clientHeight;

   //tr("calculated client size");

   return s;
  } else {
   var t=n.style;
   if (t.borderLeftWidth.length==0 || t.borderTopWidth.length==0 || t.borderRightWidth.length==0 || t.borderBottomWidth.length==0){

    var l=n.offsetWidth;
    t.borderLeftWidth="0px";
    l-=n.offsetWidth;

    var r=n.offsetWidth;
    t.borderRightWidth="0px";
    r-=n.offsetWidth;

    var o=n.offsetHeight;
    t.borderTopWidth="0px";
    o-=n.offsetHeight;

    var b=n.offsetHeight;
    t.borderBottomWidth="0px";
    b-=n.offsetHeight;

    t.borderLeftWidth=l+"px";
    t.borderTopWidth=o+"px";
    t.borderRightWidth=r+"px";
    t.borderBottomWidth=b+"px";

    var s={l:l,r:r,t:o,b:b,x:l,y:o};


    return s;
   } else {
    var s= {
      x: this.parseInt(n.style.borderLeftWidth),
      y: this.parseInt(n.style.borderTopWidth),
      r: this.parseInt(n.style.borderRightWidth),
      b: this.parseInt(n.style.borderBottomWidth)
     };
    s.l=s.x;
    s.t=s.y;
    return s;
   }
  }
},

getSize : function (n,withMargin){
  var c={
   x : n.offsetWidth != null ? n.offsetWidth : 0,
   y : n.offsetHeight != null ? n.offsetHeight : 0
  };

  //c.x=this.parseInt(c.x);
  //c.y=this.parseInt(c.y);

  //tr("get size for : "+n.id);
  //tra(c);
  if (withMargin) {
   var m=this.getMargin(n);
   c.x+=m.l+m.r;
   c.y+=m.t+m.b;
  }
  //tra(m);
  //tr("get size for : "+n.id);
  //tra(c);
  return c;
},

setSize : function(elmt,x,y,withMargin){
  //tf("$dom::setSize");
  //if (elmt==undefined || elmt.style.display=="none") return;
  if ($IE){
   if (withMargin){
    var m=this.getMargin(elmt);
    x-=m.l+m.r;
    y-=m.t+m.b;
   }
   elmt.style.width=x;
   elmt.style.height=y;
  } else {
   var clientSize=this.getClientSize(elmt);
   var dx=clientSize.l+clientSize.r;

   var dy=clientSize.t+clientSize.b;

   elmt.style.width=x-dx+"px";
   elmt.style.height=y-dy+"px";
  }
},

/**
* get the context position relative to its parent.
*/
getPosition : function (elmt,withMargin){
  var c;

  c={
   x:elmt.offsetLeft,
   y:elmt.offsetTop
  };
  //c.x=this.parseInt(c.x);
  //c.y=this.parseInt(c.y);
  if (withMargin){
   var m=this.getMargin(elmt);
   c.x-=m.l;
   c.y-=m.t;
  }

  return c;
},
setPosition : function (elmt,x,y,withMargin){
  //tf("$dom::setPosition");
  if (withMargin){
   //var m=this.getMargin(elmt);
   //x-=m.l;
   //y-=m.t;
  }
  elmt.style.left=x+"px";
  elmt.style.top=y+"px";
},


setAlpha : function (n,a){
  return;
  n.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity="+a*100+");";
  n.style.opacity = a;
  n.style.MozOpacity = a;
}

}
var $motion={
smooth : function (s, e, t){
  if (t>1) t=1;
  return (e - s) * t + s;
}
}

// this is a default config object.
/*
var $config={
width    : 300,
height    : 200,
bottom   : 0,
right   : 10,
display   : true,
contentUrl  : "页面Url",
time : {
  slideIn   : 10,
  hold   : 10,
  slideOut  : 10
}
}
*/

/**
* PopUp class used to pop a message up.
* Usage :
* var pp = new PopUp(id, popup_config_obj);
* pp.create();
* ....
* pp.show();
*/
function PopUp(id, config){
this.id=id;

var c = this.config = config;
c.width = $gv(c.width,300);
c.height = $gv(c.height,200);
c.bottom = $gv(c.bottom,0);
c.right = $gv(c.right,20);
c.display = $gv(c.display,true);
c.contentUrl= $gv(c.contentUrl,"");
c.motionFunc= $gv(c.motionFunc,$motion.smooth);
c.position = {x:0,y:0};

var t=c.time;
t.slideIn = $gv(t.slideIn,10);
t.hold = $gv(t.hold,10);
t.slideOut = $gv(t.slideOut,10);

t.slideIn *= 1000;
t.hold *= 1000;
t.slideOut *= 1000;

this.container = document.body;
this.popup = null;
this.content = null;
this.switchButton = null;

this.moveTargetPosition = 0;
this.startMoveTime = null;
this.startPosition = null;

this.status = PopUp.STOP;
this.intervalHandle = null;

this.mm = "max";

this.imgMin = "最小化按钮图片";
this.imgMax = "还原按钮图片";
}

//static members
PopUp.STOP = 0;
PopUp.MOVE_DOWN = 1;
PopUp.MOVE_UP = 2;
PopUp.SWITCH_TO_MIN = PopUp.MOVE_DOWN | 4;
PopUp.SWITCH_TO_MAX = PopUp.MOVE_UP | 8;

$cpAttr(PopUp.prototype,__o);

/*---------------------------------------*/

function writeCookie(name, value, hours)
{
var expire = "";
if(hours != null)
{
expire = new Date((new Date()).getTime() + hours * 3600000);
expire = "; expires=" + expire.toGMTString();
}
document.cookie = name + "=" + escape(value) + expire + ";path=/";
}

/**
* main function to config the pop-up window & run it.
* web deployer change codes here to manipulte popups performance.
* & should not change codes out of this function.
*/
function job(){

/**
* config object
*/
var cfg={
  //width & height of the popup window ,these values should be determined debpended on inner contents.
  width    : 260,
  height    : 190,

  //distance to the bottom & the right edge.
  bottom   : 2,
  right   : 1,

  //switch of displaying the popup
  display   : true,

  //content url
  contentUrl  : "页面Url",

  //time configuration,in seconds
  time : {
   slideIn   : 1,
   hold    : 60,
   slideOut  : 1
  }
}

//at what time the popup should display,in hours : 0~23,
//the number after add symbol means after how many the hours to display popup for the next time.
var displayTimeList = ["7+7"];

// the popup displays each time thie page reload or only once at the first time page loaded.
// once / eachTime
var displayMode = "once";
//var displayMode = "eachTime";

//cookie name storing the next time to display popup
var cookieName="sina_blog_popup_next_display_time";

/**
* --------------------- from here below, the codes should NOT be modified.
*/
var hours={};
var delays=[];
for (var i=0;i<displayTimeList.length;i++) {
  var o = displayTimeList[i];
  var ar = o.split("+");
  var t = parseInt(ar[0]);
  for (var m=0;m<ar.length-1;m++){
      ar[m]=ar[m+1];
  }
  hours[t]=true;
  for (var j=0;j<ar.length;j++){
   hours[t + parseInt(ar[j])]=true;
  }
}
displayTimeList=[];
for (var i in hours){
  var s = parseInt(i);
  if (isNaN(s)) continue;
  displayTimeList[displayTimeList.length]=s;
}
displayTimeList = displayTimeList.sort();
//alert(displayTimeList);

var pp = new PopUp("xp", cfg);
window.__popup=pp;
pp.create();

//display:

var n=readCookie(cookieName);

if (displayMode=="eachTime")
  pp.show();
else {
  var tm=new Date().getTime();
  if (n==null || tm>n) {
   pp.show();

   //get next display time
   var hr=new Date().getHours();
   var f = 60*60*1000;
   var l = displayTimeList.concat(), len = l.length;
   for (var i = 0; i < len; i++) l[len + i] = l[i] + 24;
   for (var i = 0; i < l.length && hr >= l[i]; i++);

   var dt = new Date();
   dt.setHours(l[i] > 23 ? l[i] - 24 : l[i]);
   var nextTime = dt.getTime();
   if (l[i] > 23) nextTime += f * 24 ;

   writeCookie(cookieName, nextTime, 24);
  }
}
}

function doit(){
if (document.body == null) {
  window.setTimeout(doit,500);
  return;
}

job();
}

//var dbg=document.getElementById("dbg");

//window.alert=function (m){
//dbg.value+=m+"/n";
//}

doit();