2015-12-08 76 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

相關問題