滑动导航是Thinking for a Living网站使用的主题的内置功能。如果查看源代码，可以看到滑块中的每个面板都是由类似的代码定义的，从以下代码开始：
<div id="covers" scope="Covers">
<div class="cover-index grid4 column page">
<div class="cover grid3 cover-quote">
...
进一步快速查看代码，会发现为站点定义了几个特定JavaScript文件的页面（为站点定制意味着它不是一个公开可用的插件）：
<!-- ORG.TFAL.JS -->
<script type="text/javascript" src="http://www.thinkingforaliving.org/wp-content/themes/TFAL/lib/js/org.tfal.plugins.js?0.1.0.9"></script>
<script type="text/javascript" src="http://www.thinkingforaliving.org/wp-content/themes/TFAL/lib/js/org.tfal.js?0.1.0.7"></script>
深入挖掘表明该网站正在选择其中的项目
scope="Covers" 并将其装载到其他地方使用：
/* ---------------------------------- */
/* COVERS */
$(\'div[scope=Covers]\').TFALCovers();
$(\'.cover-quote\').TFALCoverQuote();
/* ---------------------------------- */
另一个JavaScript文件定义了
TFALCovers() 和
TFALCoverQuote() 作为jQuery扩展，控制主页的外观、布局和行为。
因此，为了回答您的问题，这个页面的导航是使用一些构造巧妙的自定义jQuery扩展构建的。您可以自己浏览代码，并尝试在自己的网站上模拟行为，也可以使用任何免费提供的jQuery幻灯片/滑动导航插件：
