$(document).ready(function(){ var cwinwidth = document.body.clientWidth; var cwinheight = document.body.clientHeight; /*var cwinwidth = $(window).outerWidth(true); var cwinheight = $(window).outerHeight(true);*/ var browserwidth = $(window).width(); var browserheight = $(window).height(); var scrollLeft = $(window).scrollLeft(); var scrollTop = $(window).scrollTop(); var rightwin = $("#right"); rightwin.myWin({left:"right",top:"bottom"},function(){ rightwin.slideUp("slow"); },{left: scrollLeft+browserwidth-cwinwidth,top: scrollTop+browserheight-cwinheight}); setTimeout(function(){ rightwin.fadeOut(2000) .dequeue(); }, 8000); }); $.fn.myWin = function(position,hidefunc,initPos){ var browserwidth = $(window).width(); var browserheight = $(window).height(); var scrollLeft = $(window).scrollLeft(); var scrollTop = $(window).scrollTop(); if(position && position instanceof Object){ var positionleft = position.left; var positiontop = position.top; var currentwin = this; var cwinwidth = currentwin.outerWidth(true); var cwinheight = currentwin.outerHeight(true); var left ; var top ; function calLeft(positionleft,scrollLeft,browserwidth,cwinwidth){ if(positionleft && typeof positionleft =="string"){ if(positionleft=="center"){ left = scrollLeft+(browserwidth-cwinwidth)/2; }else if(positionleft=="left"){ left=scrollLeft; }else if(positionleft=="right"){ left = scrollLeft+browserwidth-cwinwidth; }else{ left = scrollLeft+(browserwidth-cwinwidth)/2; } }else if(positionleft && typeof positionleft =="number"){ left = positionleft; }else{ left=0; } } calLeft(positionleft,scrollLeft,browserwidth,cwinwidth); function calTop(positiontop,scrollTop,browserheight,cwinheight){ if(positiontop && typeof positiontop =="string"){ if(positiontop=="center"){ top = scrollTop+(browserheight-cwinheight)/2; }else if(positiontop=="top"){ top = scrollTop; }else if(positiontop=="bottom"){ top = scrollTop+browserheight-cwinheight; }else{ top = scrollTop+(browserheight-cwinheight)/2; } }else if(positiontop && typeof positiontop =="number"){ top = positiontop; }else{ top=0; } } calTop(positiontop,scrollTop,browserheight,cwinheight); $(window).scroll(function(){ var browserwidth = $(window).width(); var browserheight = $(window).height(); var scrollLeft = $(window).scrollLeft(); var scrollTop = $(window).scrollTop(); calLeft(currentwin.data("positionleft"),scrollLeft,browserwidth,cwinwidth); calTop(currentwin.data("positiontop"),scrollTop,browserheight,cwinheight); /*currentwin.animate({ left:left, top:top });*/ currentwin.css("left",left).css("top",top); }); $(window).resize(function(){ var browserwidth = $(window).width(); var browserheight = $(window).height(); var scrollLeft = $(window).scrollLeft(); var scrollTop = $(window).scrollTop(); calLeft(currentwin.data("positionleft"),scrollLeft,browserwidth,cwinwidth); calTop(currentwin.data("positiontop"),scrollTop,browserheight,cwinheight); currentwin.animate({ left:left, top:top }); //currentwin.css("left",left).css("top",top); }); if(initPos && initPos instanceof Object){ var initleft = initPos.left; var inittop = initPos.top; if(initleft && typeof initleft=="number"){ currentwin.css("left",initleft); }else{ currentwin.css("left",0); } if(inittop && typeof inittop=="number"){ currentwin.css("top",inittop); }else{ currentwin.css("top",0); } currentwin.show("slow"); } currentwin.data("positionleft",positionleft); currentwin.data("positiontop",positiontop); currentwin.css("left",left).css("top",top); currentwin.children(".title").children("img").click(function(){ if(!hidefunc){ currentwin.hide("slow"); }else{ hidefunc(); } }); return currentwin; } };