html文件点击弹出新窗口怎么操作?
原来的代码是<liclass="active"><ahref="new.php">button</a>我现在想点击以后弹出个新窗口,该怎么写?...
原来的代码是<li class="active"><a href="new.php">button</a>
我现在想点击以后弹出个新窗口,该怎么写? 展开
我现在想点击以后弹出个新窗口,该怎么写? 展开
展开全部
<li class="active"><a target="_blank" href="new.php">button</a>
追问
谢谢,不过我的意思是弹出一个小窗口,浮在页面前方
追答
那写的就多了,一般需要一个DIV覆盖整个页面,设置灰色透明,另一个DIV浮动在窗口中间
<div id="bg"></div>
<div id="div"></div>
#bg{display:none;width:100%;height:100%;background:hsla(270,50%,50%,0.5);z-index:111;position:absolute;top:0;left:0;}
#div{display:none;position:absolute;top:200px;left:200px;z-index:1111;}
还需要写jquery
$(function(){
$('.active').onclick(function(){
$('#bg').show();$('#div').show();
});
$('#div').onclick(function(){
$('#bg').hide();$('#div').hide();
});
});
这都是一小部分,还需要进一步完善,根据自己情况。 上面jquery 需要引用jquery文件。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询