php - 您如何制作弹出式目录，如《 CodeIgniter用户指南》中的目录？

https://www.codeigniter.com/user_guide/tutorial/index.html

访问该链接，然后在页面的右上方查找目录按钮。我想将其应用于正在制作的网页。

您如何称呼这种设计技术？有关教程的任何链接如何执行？非常感谢你。

最佳答案

要创建该菜单，可以使用css和jquery。创建一个div

position:absolute;top:-400px;width:auto;height:430px;

然后用jquery对其进行动画处理。点击时，设置top：0px。您还可以使用动画jquery函数。
LE：

$(document).ready(function(){ $('div a').click(function(){ $(this).parent().css('top','0px'); $(this).addClass('opened');
$(this).click(function() { if($(this).hasClass('opened')){ $(this).parent().css('top','-280px'); } }) }); });

<div style="width:100%;background-color:red;position:absolute;height:300px;top:-280px;"><a href="javascript:void(0)" style="width:80px;height:20px;background-color:black;bottom:0;position:absolute;"></a></div>

这是示例代码。在这里，您可以对其进行编辑并进行动画处理。祝好运！