alibaba的消息提示框代码,右侧pop消息框!

HTML代码:
< div  id ="popDiv"  style ="left: 0px; visibility: hidden;position: absolute; top: 0px;width:248px;height:180px;"   >
< div  id ="float_box"  onmouseover ="overPopDiv()"  onmouseout ="outPopDiv()" >

<!-- pop start -->
< table  width ="240"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0" >
  
< tr >
    
< td  background ="http://img.china.alibaba.com/images/cn/home/060516/title_bg.gif"  class ="white14" >< table  width ="220"  border ="0"  align ="center"  cellpadding ="0"  cellspacing ="0" >
      
< tr >
        
< td  class ="white14" > 助手消息 </ td >
        
< td  width ="12" >< img  src ="http://img.china.alibaba.com/images/cn/home/060516/close.gif"  width ="12"  height ="12"  onclick ="closeDiv()" ></ td >
      
</ tr >
    
</ table ></ td >
  
</ tr >
</ table >
< table  width ="240"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="dbebfd"  style ="border:#2867ab 1px solid;" >
  
< tr >
    
< td >
    
< div  style ="padding-top:5px; " ></ div >
< table  width ="227"  height ="133"  border ="0"  align ="center"  cellpadding ="4"  cellspacing ="0"  background ="http://img.china.alibaba.com/images/cn/home/060516/middle_bg.gif" >
      
< tr >
        
< td  width ="199"  class ="lh13 m" >< font  color ="#FF0000" > [今日提醒] </ font ></ td >
      
</ tr >
      
< tr >
        
< td  valign ="top"  class ="c" > 想让您的客户给您打电话免费吗?想减少推销电话骚扰?阿里巴巴新服务可以帮您做到。现诚邀3000名用户免费体验,先到先得! < br >
          
< table  width ="98%"   border ="0"  cellspacing ="0"  cellpadding ="0"  style ="margin-top:3px;" >
              
< tr >
                
< td  align ="right" >< img  src ="http://img.china.alibaba.com/images/chs/myalibaba/indexpoint.gif"  width ="5"  height ="9"  border ="0" >   < href ="http://promotion.china.alibaba.com/html/ppcall/baoming/index.html?tracelog=800_alizs_fuchu"  target ="_blank"  class ="lh13 m" > 我要报名 </ a ></ td >
              
</ tr >
          
</ table ></ td >
      
</ tr >
    
</ table >
    
< div  style ="padding-top:5px; " ></ div >
    
</ td >
  
</ tr >
</ table >
<!-- pop end -->
    
</ div >
</ div >

 脚本代码:

< script type = " text/javascript " >
var  divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i  =   0 ;
var  divPopDiv  =  document.getElementById( " popDiv " );
var  timeOutObj;
if  (window.onresize  !=   null ) {
var oldOnresize = window.onresize;
window.onresize 
= function() {
oldOnresize();
resizeDiv();
}
;
}
else {
window.onresize 
= resizeDiv;
}

function  getMsg()
{
try{
divTop 
= parseInt(divPopDiv.style.top,10);
divLeft 
= parseInt(divPopDiv.style.left,10);
divHeight 
= parseInt(divPopDiv.offsetHeight,10);
divWidth 
= parseInt(divPopDiv.offsetWidth,10)
docWidth 
= document.documentElement.clientWidth;
docHeight 
= document.documentElement.clientHeight;
divPopDiv.style.top 
= (parseInt(document.documentElement.scrollTop,10+ docHeight + 50)+"px";//  divHeight
divPopDiv.style.left =(parseInt(document.documentElement.scrollLeft,10+ docWidth - divWidth)+"px";
divPopDiv.style.visibility
="visible";
objTimer 
= window.setInterval("moveDiv()",10);
setMsgCookie(
"listShowMsgCookie""popped"1000)
timeOutObj 
= window.setTimeout(function(){closeDiv();},10000)
}

catch(e){}
}

function  overPopDiv() {
window.clearTimeout(timeOutObj);
}

function  outPopDiv() {
timeOutObj 
= window.setTimeout(function(){closeDiv();},5000)
}

function  resizeDiv()
{
//i+=1
//
if(i>500) closeDiv()
try{
divHeight 
= parseInt(divPopDiv.offsetHeight,10)
divWidth 
= parseInt(divPopDiv.offsetWidth,10)
docWidth 
= document.documentElement.clientWidth;
docHeight 
= document.documentElement.clientHeight;
divPopDiv.style.top 
= docHeight - divHeight + parseInt(document.documentElement.scrollTop,10)
divPopDiv.style.left 
= docWidth - divWidth + parseInt(document.documentElement.scrollLeft,10)
}

catch(e){}
}

function  moveDiv()
{
try
{
if(parseInt(divPopDiv.style.top,10<= (docHeight - divHeight + parseInt(document.documentElement.scrollTop,10)))
{
window.clearInterval(objTimer)
objTimer 
= window.setInterval("resizeDiv()",1)
}

divTop 
= parseInt(divPopDiv.style.top,10)
divPopDiv.style.top 
= (divTop - 2)+"px"
}

catch(e){}
}

function  closeDiv()
{
document.getElementById(
'popDiv').style.visibility='hidden';
if(objTimer) window.clearInterval(objTimer)
}

function  setMsgCookie(sName, sValue, iTime) {
document.cookie 
= escape(sName) + "=" + escape(sValue) + ";";
}

function  getMsgCookie(sName) {
var aCookie = document.cookie.split("");
for (var i=0; i < aCookie.length; i++){
var aCrumb = aCookie[i].split("=");
if (escape(sName) == aCrumb[0])
return unescape(aCrumb[1]);
}

return null;
}

    
if (getMsgCookie( " listShowMsgCookie " ) == null   &&  document.all)
          getMsg();
</ script >
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值