一个很简单的Jqery弹出框

来源：互联网发布：100教育网络辅导编辑：程序博客网时间：2024/05/23 00:50
function playVoide(obj){    var video = $(obj).attr("value");    var width = $("#content").width();    var height =  $("#content").height()-50;    var tit = "查看视频内容";    var path ="";    var winWidth = $(window).width(),winHeight = $(document).height();    $("body").append("<div class='winbj'></div>")    $("body").append("<div class='tanchu' id='openDiv'><div class='tanChutit' >"+                     "<span class='tanchuTxt'>"+tit+"</span><span class='tanchuClose' "+                     "onclick='closeDiv();'>关闭</span></div><video style='width:100%' src='"+video+"' controls='controls' preload='none'></video></div>");    $(".winbj").css({"width":winWidth,"height":winHeight,"background":"#000","position":"absolute","left":"0","top":"0"});    $(".winbj").fadeTo(0,0.1);        var tanchuLeft = $(window).width()/2-width/2;    var tanchuTop = $(window).height()/2 - height/2+ $(window).scrollTop();    $(".tanchu").css({"width":width,"height":height,"border":"1px #D1D1D1 solid","left":tanchuLeft,"top":tanchuTop,                    "background":"#fff","position":"absolute"});    $(".tanChutit").css({"width":width,"height":"35px","border-buttom":"1px #4D7FB7 solid","left":tanchuLeft,"top":tanchuTop,                    "background":"url('"+path+"/static/images/bg_x.png') repeat-x scroll 0 -265px rgba(0, 0, 0, 0)","line-height":"35px"});    $(".tanchuTxt").css({"text-indent":"5px","font-weight": "bold","float":"left","font-size":"13px","color":"black"});    $(".tanchuClose").css({"width":"35px","float":"right","right": "2px","font-size":"12px","cursor":"pointer","height":"19px"});    var winIframeHeight = height-26;    $(".winIframe").css({"width":width,"height":winIframeHeight,"border-buttom":"1px #ccc solid","background":"#fffff"});    $("#openDiv").hide();    $("#openDiv").fadeIn(5);}function closeDiv(){    $("#openDiv").fadeOut(500,outCallBack);    //刷新页面 --局部刷新页面}function outCallBack(){    $(".winbj").remove();    $(".tanchu").remove();}function closeDivHover(type){    if(type == 1){        $(".tanchuClose").css("background","url('image/tipswindown_ico.png') no-repeat scroll 0 -30px transparent");    }else{        $(".tanchuClose").css("background","url('image/tipswindown_ico.png') no-repeat scroll -37px -30px transparent");    }}
1 0