Ajax动态的显示和退出div

html:




    
    JQuery实例:浮动窗口
    
    
    


    显示窗口
    
    
我的窗口X


js:

function showWin(){
    var winNode = $("#win");
//通过jqurey修改css
    //winNode.css("display","block");
//使用jquery的show方法
    winNode.fadeIn("slow");//淡入淡出fadeOut
//winNode.show(4000);
}
function hide(){
    var Node = $("#win");
    //Node.css("display","none");
    Node.hide("slow");
    //或者是fadeout淡出
}


css:


/*#id id选择器*/
#win{
    border: #ff1719 1px solid;
    border-radius:10px;/*控制高和宽*/
    width: auto;
    height: auto;

    position: absolute;
    top: 200px;
    left: 200px;

    display: none;
}
#close{
    cursor:pointer;
}


你可能感兴趣的:(Ajax)