繁体   English   中英

出现滑动效果?

Appear with sliding effect?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

提交表单时,我正在制作一个 div。

document.getElementById('onsubmit').style.display = 'block';

我希望它以滑动效果出现。 因此,它会在为自己创造尺寸时将所有内容向下移动。

我相信它是用 jquery 完成的,但我不知道怎么做。 任何人都可以帮我一把吗?

谢谢

2 个回复

尝试这个...

$('#onsubmit').slideDown('slow', function() {
    // Animation complete.
  });

看看小提琴...

演示1: http://jsfiddle.net/UnsungHero97/YRXA4/

演示2: http://jsfiddle.net/UnsungHero97/YRXA4/1/

因此,您可以使用 .submit( .click()事件,而不是使用.submit()事件。

我希望这有帮助。
赫里斯托

1 菜单栏的滑动效果和选项卡不出现

我想要从一个菜单指向另一个菜单时,菜单看起来像一块滑板。 我可以证明,在apycom.com下载之后,除此之外,我在input.php有一个jquery-ui选项卡。 问题出在我已经包含了菜单栏之后。 菜单栏的滑动效果不显示,选项卡也没有显示。为什么会发生? ...

3 jQuery动画滑动效果

我有一个textarea,在单击该textarea时,div淡入并向右滑动,在模糊时淡出,但问题是当您再次单击它时,淡出它的位置是原来的位移。 有没有办法使它从其原始位置开始? 我的HTML 我的CSS Java脚本 最初,我的目标是该站点上的textarea幻灯 ...

2011-10-28 01:02:55 1 235   jquery
4 图像滑动悬停效果

我正在使用此小提琴,但我希望具有悬停效果的多个图像滑动,此链接仅显示一个图像幻灯片,而我希望在其上滑动多个图像。 HTML: Javascript: ...

5 按钮滑动效果

我有一个如下所示的用户控件: 我想实现一种效果,当用户单击一个按钮时,其他所有按钮都会向侧面滑动,并且根据单击的按钮,一些内容会显示在剩余的可用空间中。 像这样: 和这个: 我怎样才能达到这种效果? 我正在使用C#和XAML ... ...

6 推板效果滑架

当您访问此链接时http://tweetboard.com/alpha/ 您会在左侧看到一条Tweets标签。 当您单击此tweets标签时,另一个站点将加载到此面板/ iframe中。 您能帮我了解如何创建此功能吗? 看来我应该能够使用标准HTML和jQuery创建此效果。 ...

7 具有滑动效果的模态

我一直试图获得具有滑动效果的模态并在悬停时放大但还没有运气,但我设法达到了点击它时弹出图片的程度。 这是一个类似的网站http://www.garysheng.com/ (图片部分)。 请参阅 Codepen https://codepen.io/rranssa/pen/LYVyooe 。 ...

8 如何重现这种滑动效果?

我正在学习jQuery,我一直试图重现这种效果: http : //www.frenchtouchseduction.com/test-2.html **编辑:(为了清楚起见:滑动的东西是我感兴趣的,不要介意“悬停在图片上的悬停圈”东西) 我甚至不确定我应该如何描述它:我的第一个猜测 ...

2014-03-07 14:16:55 1 69   jquery
9 Android滑动效果动画

首先,我对android上的动画完全不熟悉,但是想将它包含在我的下一个应用程序中。 申请将如下: 例如,我将有2个图层,每个图层包含自己的数据。 第1层将包含数据1 第2层将包含数据2 并且第1层将叠加在第2层上; 它位于第2层之上。 层1将在层2上,因此掩蔽/ ...

10 滑动/滚动效果供评论

我想在网页上插入带有“滑动效果”的评论,以便每个评论出现几秒钟,然后向左滑动以放置其他评论。 您可以在以下网页上看到这样的效果:www.resto-in.fr(在页面底部的白色区域中,上面写着“没有让客户满意”)。 您对制作方法有任何想法吗? 我什至不知道这种效果的名字。 非 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM