你如何创建这个jquery幻灯片菜单效果?

时间:2014-04-05 09:10:23

标签: javascript menu slide

如果您转到http://www.rabondigital.com,您会在网站的左上角看到一个符号。单击符号,您将看到滑出的div滑出。如何使用javascript或jquery完成?

1 个答案:

答案 0 :(得分:1)

该网站通过jQuery幻灯片效果切换实现了这一目标。了解详情here

示例(来自上面的链接):
HTML:

<p>Click anywhere to toggle the box.</p>
<div style="width: 100px; height: 100px; background: #ccc;" id="toggle"></div>

<强> JS:

$( document ).click(function() {
  $( "#toggle" ).toggle( "slide" );
});

Fiddle