Juqery Impromptu插件的使用

//最简单用法
function example1(){
    $.prompt('Example 1');
}

//配置按钮
function example2(){
    $.prompt('Example 2',{buttons:{Ok:true,Cancel:false}});
}

//设置透明度
function example3(){
    $.prompt('Example 3',{opacity:0.5});
}

//设置默认聚焦按钮
function example4(){
    $.prompt('Example 4',{buttons:{Ok:true,Cancel:false},focus:1});
}

//设置样式
function example5(){
    $.prompt('Example 5',{prefix:'impromptu'});
}

//设置动画效果
function example6(){
    $.prompt('Example 6',{show:'slideDown'});
}

$.fn.extend({
    dropIn: function(speed, callback){
        var $t = $(this);

        if($t.css("display") == "none"){
            eltop = $t.css('top');
            elouterHeight = $t.outerHeight(true);

            $t.css({ top: -elouterHeight, display: 'block' })
                .animate({ top: eltop },speed,'swing', callback);
        }
    }
});
//使用自定义动画效果
function example7(){
    $.prompt('Example 7',{ show:'dropIn' });
}

//v:点击的按钮value值,m:活动窗体对象,f:包含key/value对的对象,keys是窗体里的name属性
function mycallbackfunc(v,m,f){
    $.prompt('i clicked ' + v);
}
//函数回调function example8(){
    $.prompt('Example 8',{callback:mycallbackfunc});
}

var txt = 'Please enter your name:<br/><input type="text" id="alertName" name="alertName" value="name here" />';
function mycallbackform(v,m,f){
    if(v != undefined)
    $.prompt(v +' ' + f.alertName);
}
//输入内容并调用函数提示内容
function example9(){
    $.prompt(txt,{
        callback:mycallbackform,
        buttons:{Hey:'Hello',Bye:'Good Bye'}
    });
}

var txt = 'Try submitting an empty field:<br/><input type="text" id="alertName" name="myname" value="" />';
function mysubmitfunc(v,m,f){
    an = m.children('#alertName');
    
    if(f.alertName == ""){
        an.css("border","solid #ff0000 1px");
        return false;
    }
    return true;
    
}
//使用submit function,通过返回false阻止提示框关闭
function example10(){
    $.prompt(txt,{
        submit:mysubmitfunc,
        buttons:{Ok:true }
    });
}

//和jQuery Corner Plugin搭配使用使提示框产生圆角
function example12(){
    $.prompt('Example 12<p>Save these settings?</p>',{ 
        buttons:{ Apply:1,Maybe:2,Never:3 },
        prefix:'colsJqi'
    }).children('#colsJqi').corner();
}

//改变样式
function example14(){
    $.prompt('Hello World!!',{
        buttons:{Ok:true,Cancel:false},
        prefix:'cleanblue'
    });
}

//改变样式
function example16(){
    $.prompt('Hello World!!',{buttons:{Ok:true,Cancel:false},prefix:'jqismooth'});
}

//使用submit function处理
function example18(){
    $.prompt('Hello World!!',{
        buttons:[
            {title: 'Hello World',value:true},
            {title: 'Good Bye',value:false}
            ], 
        submit: function(v,m,f){alert(v);}
    });
}