要给出"Barba.js 多页面过渡"的代码示例，首先需要安装Barba.js库。可以通过npm安装Barba.js:

npm install barba.js

接下来，创建一个HTML文件，命名为index.html，包含Barba.js所需的基本结构和样式：

    
    
    
    


    

        
Barba.js 多页面过渡
        
    
    

        

            
        
    

    
    
    

在上面的代码中，首先引入了Barba.js库。然后在页面中使用了Barba.js所需的基本结构，包括一个头部导航和一个用于显示页面内容的容器。在样式中定义了页面过渡效果的样式。

接下来，通过Barba.Pjax.start()和Barba.Prefetch.init()初始化了Barba.js，以便在导航链接被点击时进行页面过渡。然后定义了一个名为FadeTransition的过渡效果，它将当前页面淡出并将新页面淡入。最后，通过Barba.Pjax.getTransition将过渡效果应用于所有页面过渡。

可以创建几个页面文件（例如page1.html，page2.html和page3.html），并在每个页面中放置不同的内容。

希望这个示例对你有帮助！