自动弹图片关闭按钮html,点击弹出带关闭按钮的窗口特效（兼容所有浏览器）...

弹出页面被大多浏览器拦截，现在多数改为弹出窗口，即通过弹出层来实现，今天中国

jquery实现可拖动弹出窗口特效

jquery实现可拖动弹出窗口特效-带关闭按钮

function popWin(a){function n(){var a=k?k:document.body,b=a.scrollHeight>a.clientHeight?a.scrollHeight:a.clientHeight,c=a.scrollWidth>a.clientWidth?a.scrollWidth:a.clientWidth;$("#maskLayer").css({height:b,width:c})}var d,e,b=9e3,c=!1,f=$("#"+a),g=f.width(),h=f.height(),i=f.find(".tit"),j=f.find(".close"),k=document.documentElement,l=($(document).width()-f.width())/2,m=(k.clientHeight-f.height())/2;f.css({left:l,top:m,display:"block","z-index":b- -1}),i.mousedown(function(a){c=!0,d=a.pageX-parseInt(f.css("left")),e=a.pageY-parseInt(f.css("top")),f.css({"z-index":b- -1}).fadeTo(50,.5)}),i.mouseup(function(){c=!1,f.fadeTo("fast",1)}),$(document).mousemove(function(a){if(c){var b=a.pageX-d;0>=b&&(b=0),b=Math.min(k.clientWidth-g,b)-5;var i=a.pageY-e;0>=i&&(i=0),i=Math.min(k.clientHeight-h,i)-5,f.css({top:i,left:b})}}),j.live("click",function(){$(this).parent().parent().hide().siblings("#maskLayer").remove()}),$('

#detail{position:absolute;width:400px;height:200px;border:1px solid #ccc;background:#efefef; display:none;}

#detail .tit{ background:#ddd; display:block; height:33px; cursor:move;}

#detail .tit i{ float:right; line-height:33px; padding:0 8px;cursor:default;}

点我弹一个

关闭

$("#t1").click(function(){

popWin("detail");

});

提示：你可以先修改部分代码再运行。

JS+CSS实现点击弹出带关闭按钮的DIV窗口

JS+CSS实现带关闭按钮的DIV弹出窗口

function locking(){

document.all.ly.style.display="block";

document.all.ly.style.width=document.body.clientWidth;

document.all.ly.style.height=document.body.clientHeight;

document.all.Layer2.style.display='block';

}

function Lock_CheckForm(theForm){

document.all.ly.style.display='none';document.all.Layer2.style.display='none';

return false;

}

[关闭]

提示：你可以先修改部分代码再运行。

以上就是给大家分享的点击弹出带关闭按钮的窗口特效全部内容，喜欢的网页设计师们收藏吧！

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/1885.html