标签归档：artDialog

artDialog 实现网站会员简单的生日提醒 

<!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>
    <title>生日提醒</title>
    <!--导入artDialog插件 -->

    <script src="artDialog/artDialog.source.js?skin=default" type="text/javascript"></script>

<script>
artDialog.notice = function (options) {
    var opt = options || {},
        api, aConfig, hide, wrap, top,
        duration = 800;
        
    var config = {
        id: 'Notice',
        left: '100%',
        top: '100%',
        fixed: true,
        drag: false,
        resize: false,
        follow: null,
        lock: false,
        init: function(here){
            api = this;
            aConfig = api.config;
            wrap = api.DOM.wrap;
            top = parseInt(wrap[0].style.top);
            hide = top + wrap[0].offsetHeight;
            
            wrap.css('top', hide + 'px')
                .animate({top: top + 'px'}, duration, function () {
                    opt.init && opt.init.call(api, here);
                });
        },
        close: function(here){
            wrap.animate({top: hide + 'px'}, duration, function () {
                opt.close && opt.close.call(this, here);
                aConfig.close = $.noop;
                api.close();
            });
            
            return false;
        }
    };	
    
    for (var i in opt) {
        if (config[i] === undefined) config[i] = opt[i];
    };
    
    return artDialog(config);
};

</script>
    <!--弹出方法 -->

    <script>
     function DateDay(html){
     window.onload=function(){
     
     art.dialog.notice({
     title: '生日提醒',
     width: 220,// 必须指定一个像素宽度值或者百分比，否则浏览器窗口改变可能导致artDialog收缩
     content: html,
     icon: 'face-sad',
     time: 5
     });
    }
    
     }
    </script>

    <!--判断生日 -->

    <script type="text/javascript"> 
    today=new Date();
    function initArray(){
    this.length=initArray.arguments.length
    for(var i=0;i<this.length;i++)
       this[i+1]=initArray.arguments[i];
    }
    var d=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
    var y=today.getYear()+"年";
    var m=today.getMonth()+1+"月";
    var d=today.getDate()+"日";
    var showt=y+m+d;
    //以上显示现在的时间
    var blist=new Array(11); //创建数组blist 
    var i=0; 
    blist[0]=new Array("李林",1981,"8-15"); //创建数组blist[0]并赋值 
    blist[1]=new Array("小雪",1981,"8-15");  
    blist[2]=new Array("周明",1981,"8-16");  
    blist[3]=new Array("李涛",1981,"8-17");  
    blist[4]=new Array("清清",1981,"11-20");  
    blist[5]=new Array("张敏",1967,"4-5");
    blist[6]=new Array("李佳",1985,"9-3");
    blist[7]=new Array("刘星",1978,"6-5");
    blist[8]=new Array("张辉",1973,"5-4");
    blist[9]=new Array("威姿",1966,"12-12");
    blist[10]=new Array("庄硕",1977,"10-23");
    blist[11]=new Array("庄严",1977,"9-15");
    
    var t1=today.getMonth()+1;
    var t2=today.getDate();
    var t3=t1+"-"+t2
    var s="<br>"; 
    var m=0;
    for ( i=0;i<12;i++) { //使用for循环嵌套语句输出数组的值，i的值必须等于blist数组中元素个数，否则会无法显示
    if (blist[i][2]==t3){
    s=s+blist[i][0]+" ";
    m=1;
    }
    }
    
    if (m==1){
    DateDay('<FONT face=方正舒体 color=#ff0000 size=4>今天是公元'+showt+'，UFO全体职工祝</font><FONT face=方正姚体 color=#000000 size=4>'+s+'</font><br><FONT face=方正舒体 color=#ff0000 size=4>生日快乐！</font>');
    }
    else
    {
    DateDay('<FONT face=方正舒体 color=#ff0000 size=4>今天是公元'+showt+'，目前没有人过生日。</font>');
    }
    
    </script>

</head>
<body>
</body>
</html>