javascript - 如何在不影响背景的情况下对整个内容添加混合效果

Question

如何在单击链接后每次加载新内容时添加混合效果？

我看过谷歌和大多数网站提供的代码只是淡化图像或仅适用于整个页面的 IE。我只是希望内容在从菜单中单击链接后加载到显示下一个内容的另一个页面时混合一点。

我只需要在每个内容之间进行轻微混合。没有淡入或淡出，只是混合。

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

Answer 1

在这里找到这个：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>

Answer 2

例如，可以使用标题部分中的元标记指定转换

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