2015-12-08 75 views
0

我想要的代码,或发现代码/插件,以允许以下情形工作...当创建一个新的窗口已经打开覆盖

如果我的网页上一个链接这将转到外部链接,并且它会为该链接打开一个新窗口,如果用户回到我的网站 那么会有一个叠加层。此操作甚至没有 发生在一个回复操作上,但可能是一个动作,当点击 时,在打开新窗口时放置覆盖图。

三件事情需要发生:

  1. 刚刚1个链接,将有独特的动作/ ID /类(不能是每一个链接)
  2. 当访问者点击这个特殊的链接,target="_blank"target="_new"为用户创建新地点,但
  3. 原始窗口不会丢失,因此如果用户在步骤#2操作发生后回到窗口,现在有一个,可欣赏ay和信息告诉他们一些事情(例如,注册一个时事通讯,感谢访问等)。

我不介意,如果它是一个CSS,JavaScript或AJAX修复 - 我只是有麻烦使这种情况发生。

回答

0

这是一个简单的。确保所有外部链接都有target="blank"class="external"。现在

<div class="mask"> 
    <div class="message"></div> 
</div> 
.mask {position: fixed; height: 100%; width: 100%; left: 0; top: 0; display: none;} 
.mask .message {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 

而且,JavaScript部分:并在代码中添加此HTML

$(function() { 
    // Change ".external" to '[target="_blank"]' for the other way. 
    $(".external").click(function() { 
    $(".mask").show(); 
    }); 
    $(".mask").click(function() { 
    $(this).fadeOut(); 
    }); 
}); 
+0

我不认为我理解正确你。当我把它放到一个HTML文件中时,“按原样”,事情似乎没有按计划运行(http://74.124.198.107/~stackoverflow/overlay-me.html) – SlyDawggie

+0

@SlyDawggie对不起,你没有添加jQuery 。请在标题后面添加它:''。 –

+0

这工作完美,我甚至可以添加一些额外的功能(光标更改,不透明度等)。感谢http://74.124.198.107/~stackoverflow/overlay-me.html – SlyDawggie

相关问题