【问题标题】:Need a div to slide down from top of my website on the right side需要一个 div 从我的网站顶部右侧滑下
【发布时间】:2014-05-05 23:06:09
【问题描述】:

我想激活一个 div 从我的页面顶部向下滑动,它将通过菜单附近的按钮激活....我目前有一个从左右滑动的潜水,但需要一个从顶部出现并向下滑动...以及在哪里可以找到此代码的想法?

【问题讨论】:

  • 找到代码?你为什么不做呢?或者..到目前为止您尝试过什么?
  • 请提供更多关于您希望模仿或已经尝试过的类似代码的详细信息。
  • 这是我网站上已有的代码,但它只向左或向右,我想要同样的东西,但从顶部出现srobbin.com/jquery-plugins/pageslide

标签: javascript android jquery html css


【解决方案1】:

JS: http://jsfiddle.net/kychan/8GBdY/

$('.click').click(function()
{
    $('.hidden').slideDown();
});

这是 JQuery 顺便说一句。

作为开关:http://jsfiddle.net/kychan/8GBdY/1/

// initially hide the div.
$('.hidden').hide();

// listen to click event.
$('.click').click(function()
{
    // if it is visible.
    if ($('.hidden').is(':visible'))
        // hide it.
        $('.hidden').slideUp();
    else
        // show it.
        $('.hidden').slideDown();
});

【讨论】:

  • 现在很有趣,点击它会再次隐藏内容吗?
  • 很好,还有一个问题,如果我想让它从页面顶部滑动,就好像它从顶部出现一样,我猜它与定位有关?
  • 哈哈哈,确实。我们只是将 div 'hidden' 移到顶部...就这么简单:jsfiddle.net/kychan/8GBdY/2
  • 欢迎您的努力?至少接受我的回答。
  • 抱歉凯没有回复,但我需要更多的东西,我不想用更多的问题打扰你,但我非常感谢你的帮助!
猜你喜欢
  • 2014-08-16
  • 1970-01-01
  • 1970-01-01
  • 2014-03-18
  • 1970-01-01
  • 1970-01-01
  • 2022-01-10
  • 2017-08-19
  • 2021-12-11
相关资源
最近更新 更多