我想添加一个特定的jquery show效果,但我无法正确获取代码

时间:2013-06-27 11:37:40

标签: jquery

我实际上想要合并" drop"在给定链接中的演示中显示的命名效果。

http://jqueryui.com/show/

我想将这个效果添加到2个单个元素,这些元素会在单击页面中心的按钮时显示在中央图像的两侧。这是我想添加这种效果的页面:

http://iwarchitects.com

我想要" Projects"和"公司"当您按下中央IWA按钮时,标题会在左侧和右侧丢失。

这里是HTML代码:

<div id="iwabutton">
<img src="siteimages/iwabutton.png" height="110px" width="110px">
</div>

 <div class="leftcontainer">
      <div class="projects">
          <p id="projectstext"> <h2>PROJECTS</h2> </p>
      </div>
      <div class="company">
          <p id="projectstext"> <h2>COMPANY</h2> </p>
      </div>
 </div>

请帮我把这个效果添加到我的页面中。我理解.show()函数的用法,但是我犯了一些我无法理解的错误

1 个答案:

答案 0 :(得分:0)

如果您在该页面上点击了“查看来源”,则可以看到他们如何使用.show方法

 $( "#effect" ).show( "scale", { percent: 100 }/*options for the effect*/, 500, callback/*optional*/ );
 $( "#effect" ).show( "bounce", { }, 500, callback );
 $( "#effect" ).show( "blind", { }, 500, callback );

其中#effect是元素的id,或者如果要选择要执行效果的元素,则可以使用类名,如effectclass

这样的类名
$( ".effectclass" ).show( "blind", { }, 500, callback );