如何在不影響背景的情況下在整個內容上添加混合效果

-1

如何在點擊鏈接後每次添加新內容時添加混合效果？如何在不影響背景的情況下在整個內容上添加混合效果

我已經看過谷歌和大多數網站提供的代碼，只是淡出圖像或IE瀏覽器只適用於和整個頁面。我只是希望內容在加載到另一個頁面時顯示下一個內容，然後從菜單中點擊鏈接。

我只需要在每個內容之間輕度混合。沒有淡入淡出的混合。

很好的答案@codedude !!!再次感謝！！！

來源

2013-10-06 Sol

是的，這是可能的。 –

請不要讓我們寫你的代碼。 –

混合效果看起來像什麼 – Geuis

發現這個在這裏被指定：http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/

<script type="text/javascript"> 
$(document).ready(function() { 
$("CONTENT TAG").css("display", "none"); 

$("CONTENT TAG").fadeIn(2000); 

$("MENU LINK").click(function(event){ 
    event.preventDefault(); 
    linkLocation = this.href; 
    $("CONTENT TAG").fadeOut(1000, redirectPage);  
}); 

function redirectPage() { 
    window.location = linkLocation; 
} 
}); 
</script>

只是改變「菜單鏈接」到你的鏈接的ID或類元件。一定還包括jQuery。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

來源

2013-10-06 02:00:29 codedude

據我所知，這應該適用於所有瀏覽器... – codedude

有沒有一種方法來混合時，一個網頁加載到另一個？ – Sol

也許我不確定你的意思是混合。 – codedude

轉變可以在標題部分使用元標籤例如

<meta http-equiv="Page-Enter" content="revealTrans(Duration=**,Transition=?)">

來源

2013-10-06 01:46:25

當你說* Transitions *時，你不是在談論CSS轉換，對吧？ – Oriol

這是否適用於所有瀏覽器？ – codedude

如何在不影響背景的情況下在整個內容上添加混合效果

回答

相關問題