Tag: slide

将TabSlideOut javascript添加到Drupal 7

没有用于Drupal的模块作为滑动选项卡（在hover时），所以我想将这个， http：//www.building58.com/examples/tabSlideOut.html合并到我的网站中。 在尝试将上面的滑出选项卡添加到我的Drupal站点的过程中，我试图任意将代码添加到html.tpl.php并且选项卡部分工作（有冲突错误）。 但是我的Superfish菜单一直收到冲突错误。 我在Drupal.org上读到了使用template.php中的钩子函数drupal_add_js为主题添加javascript，但是我没有看到任何内容，就像我这样做时出现的标签一样。 我错过了什么吗？ 如果有人能帮助我，我会非常感激，我花了几天时间试图解决这个问题。

通过切换/滑动检查/取消选中树 – 几个小的编码问题

虽然这确实使用了我昨天问的一些问题的代码（ 动态检查/取消选中树中的复选框 ），但我觉得这是一个稍微不同的问题，因为我需要添加清除divs并在树中滑动数据和下来。 我已经采取了我昨天学到的东西，并根据这个链接添加了一个滑块 – http://jsfiddle.net/3V4hg/ – 但是现在我已经添加了清除divs ，如果是，那么树不会一直取消到顶部树的底部没有选择的选项。 如果您查看JSFiddle，如果您检查A和/或B然后取消选中它，则父和祖父母不会自动取消选中。 另外，由于某些原因我还没想到 – 滑块决定在单击子区域中的复选框时滑动（我还注意到，当大陆一个切换时，区域区域的切换图像会显示更改 – 没有尝试解决这个问题，只是在添加到JSFiddle时注意到了）。 我也在想，可能有一种更好的方法来编码转换器/滑块（因为有多种切换器使用，但我不确定）。

jquery slideToggle调用一次

这可能非常简单，但是大约凌晨2点而且非常困倦:) 我有一个简短的脚本，其中“slideToggle”div不显示。 $(‘#cmnt_add’).click(function () { $(‘.dark_div_add’).slideToggle(1100); }); 有没有机会进行一次锻炼，所以如果打开未显示的DIV，点击相同的链接将无法做到这一点？ 先感谢您！

淡出，加载新内​​容，淡化 – >幻灯片

我正在淡出div的内容，用新内容替换它，然后再次淡入它，如下所示： area.fadeOut(‘400’).load(“file.php”, function(){ $(this).fadeIn(‘400’); } ); 首先，这个链是正确的吗？ 其次，如果可能的话（我需要将旧内容向左滑动），我想通过从右侧滑入来替换淡入效果？ 怎么可能实现？

如何使页面预加载器类似于Apple的Mac页面

如果您在他们的网站上查看Apple的Mac页面。 http://www.apple.com/mac/他们的“正文”在页面加载时在中心显示图像。 页面完全加载后，其内容将淡入。如果您使用Chrome或Safari并打开元素检查器，您将看到他们的主体在class=”loaded revealed”页面时获得class=”loaded revealed”加载”。 这会触发内容淡入。如果删除类，内容将淡出。 我正在为我的网站寻找类似的东西。 我不希望整个内容都不显示，我仍然希望显示页眉和页脚。 所以基本上我希望div#content_area在文档准备就绪时向下滑动…唯一的问题是，它们不使用任何类型的display:none; 为了他们的身体。 他们对此更加小心，因为如果JS文件失败，内容仍会显示。 我该怎么做？ 他们这样做的方式必须是轻量级的，因为任何人都可以写出像 $(document).ready(function() { $(‘div#content_area’).attr(class, loaded revealed); }); 我需要做的就是添加.slide()函数并隐藏内容直到页面加载。

jquery在页面加载时滑动

如何在页面加载时使用jquery向下滑动div，其中css设置为display：none？ 我看到很多解决方案，但如果css设置为display：none，则没有人可以滑动div。 最好的方法是在加载时隐藏它，然后在页面加载时div显示闪烁（显示）。

如何让页面上的元素滚动？

我想在网站上创建一个元素，在向下滚动窗口时滚动。 在大多数情况下，我知道这可以通过使用固定定位的一些基本css轻松解决。 问题是，我不希望它始终在屏幕上的同一空间。 我希望它是一个侧边栏元素，从其他内容开始，但随着你向下滚动页面移动。 有关示例，请访问http://www.demonoid.com/ （请参阅页面右侧的广告）。 我知道可能有一个相当简单的css或jquery解决方案，但我还没有想到一个。 我很感激帮助。 谢谢！

jquery mobile – 滑动停止function

当我停下来滑动Jquery Mobile Slide时，我会运行一个函数。 我有这张幻灯片： Test 而这个Javascript： $(function() { $( “#slider2” ).bind( “stop”, function(event, ui) { alert(“Stop”); }); }); 但它不起作用！ 当我释放鼠标（手指）时如何运行function？

HTML / jQuery表：水平滚动，修复第一个（左）列

我有一个表格，显示一列测试名称，其中包含几个（无限数量）与测试相关的各种测试数据列。 由于会有几组数据，我想限制可以看到的数量，并让用户能够水平滚动显示/隐藏不同的数据集。 Jquery表列滑动效果的接受答案具有我正在寻找的那种滑动效果，但是如何修复最左边的名称列？ 有很多数据，所以我不想克隆两个表，正如互联网上其他地方所建议的那样。 为名称创建一个固定表，为数据结果创建一个可滚动表，但行高在可接收的数据量上是可变的（单元格中可能有多行文本），因此对齐将被抛弃。 另外，我不想要默认的Internet滚动条。 我有左/右箭头图像，我将用它来控制滚动，就像我上面发布的示例。 我花了大约4个小时在StackOverflow和互联网的其余部分寻找答案，但我还没有发现任何合适的东西…任何帮助将不胜感激，谢谢！ 编辑：绝对定位左列导致表的其余部分左移到左列下方（隐藏第一列数据）。 添加与第一列具有相同内容的“镜像”列可以正常工作; 问题是，当数据列的单元格高于相应的名称单元格时，绝对定位的名称单元格无法看到该事实并自行resize。 思考？

jQuery animate（）通过向左和向右滑动来隐藏和显示元素

我正在尝试使用jQuery动画一些东西。 UPDATE 我按照我想要的方式工作。 这是jQuery： $(document).ready(function() { // go chat button $(‘#go-chat input’).click(function() { $(‘#search, #go-chat’).animate({width: ‘0px’}, 1000, function() { $(this).hide(); $(‘#login, #go-search’).animate({width: ‘573px’}, 1000, function() { $(this).show(); } ); } ); }); $(‘#go-search input’).click(function() { $(‘#login, #go-search’).animate({width: ‘0px’}, 1000, function() { $(this).hide(); $(‘#search, #go-chat’).animate({width: ‘573px’}, 1000, function() { $(this).show(); } ); } ); }); }); […]