问题标签 [slide]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
522 浏览

javascript - 动态 div 内容,但需要固定 div 高度

我正在使用 javascript 为 div 折叠/滑动设置动画。javascript 要求 div 具有设定的高度,尽管 div 内的内容是动态的。我将如何让它工作,因为我不希望 div 比它的预期更大。我已经像这样设置了div的高度:

我尝试将高度设置为“自动”,但是当 div 再次滑动打开时,它不会滑动到正确的高度。我需要计算高度吗?

0 投票
2 回答
12237 浏览

jquery - 如何更改 jQuery Accordion 的动画样式?

有没有办法改变 jQuery 手风琴使用的默认动画?它似乎是“幻灯片”,但我想使用 Bounce 或 Drop 效果。

这是我当前的代码:

我想将其从滑动更改为下降或反弹。

0 投票
2 回答
554 浏览

jquery - 即使调整窗口大小,如何使用 CSS 确保项目保持在屏幕外?

我正在尝试使用 jquery 实现一种滑块。然而,这个问题是关于试图实现该功能所涉及的 CSS。

我的网站设计占据了一个宽度为 960px 的中心列。在这个布局中有一个中心元素,我希望在单击“下一步”按钮时向右滑动,同时,同一类的另一个元素从左侧滑入以占据空出的空间。我已经绘制了我想要实现的图表。替代文字 http://img714.imageshack.us/img714/692/61886077.png

在此图中,红色块是我要滑入和滑出的元素,它由向左移动以使用 jQuery 产生效果的 div 分组

我有两个主要问题:

  1. 考虑到浏览器窗口宽度可能会发生变化并且所有不是当前项目的元素都应该在屏幕外,我如何获得正确的边距值?

2.如果用户要调整边距,可以根据使用 jQuery resize() 事件返回的值动态更改边距。或者有没有使用纯 CSS 更简洁更好的方法?

0 投票
1 回答
6740 浏览

asp.net - 如何在 asp.net web 应用程序中创建“滑动页面”效果?

希望在 Web 应用程序上实施解决方案,但不知道是否可行。如果单击菜单将带您到带有幻灯片的完整页面(从左到右/从右到左)。幻灯片看起来像 iPhone 应用程序。

有人知道这个问题的解决方案吗?

0 投票
2 回答
139 浏览

javascript - 执行某种淡入淡出的功能所涉及的机制/算法是什么?

执行某种淡入淡出的功能所涉及的机制/算法是什么?当涉及到这个问题时,我可以查看哪些链接或资源。

0 投票
1 回答
1711 浏览

c# - C# Dropdown Slide Form

Is there any built-in control like a dropdown/slider? For instance, I want to display some info on dialog/control/form and inside that form there is a arrow which expands it to show more information?

alt text http://img227.imageshack.us/img227/4945/73068794.jpg

When I click the black arrow, the form should expand vertically to show more info. That's what I want to achieve. If there isn't any built-in control, can you please tell me what do I need to do to implement it myself? And how can I add a little animation when it is expanding?

Like here (when you click the menu header it doesn't expand/contract instantly rather it does little slowly, that's the kind of animation I would like to add)

0 投票
1 回答
302 浏览

jquery - jquery/js 图片开箱预览效果

我正在为软件构建网页(不是浏览器,但该软件使用 webkit 作为渲染引擎)。该软件的窗口大小为 800x600 像素。用户将能够以包含 appr 的 zip 文件的形式下载图像集合。每个集合 15 张图像。白框代表这样一个集合(见下文): 页面 http://img717.imageshack.us/img717/630/bildschirmfoto20100630u.png 在这个 800x600 的页面上,我想用一个漂亮的 ui 效果可视化每个集合的内容。我尝试使用 JavaScript/jQuery 实现某种效果,我想我在某处看到过但没有添加书签:当一个人将鼠标悬停在一个白色框上时,4 个拇指会滑出这个框,以便为其他人腾出空间跟随。它们的大小可能会增加。

悬停 http://img39.imageshack.us/img39/6803/bighk.jpg

有没有 jQuery 插件或其他东西可以实现这个效果?您将如何解决它或者您对其他效果有什么建议?

谢谢,马克斯

0 投票
1 回答
1170 浏览

javascript - 在 HTML 表格中向下滑动和编辑

基本上我有一个 html 表,其中包含来自数据库(MySQL)的一堆数据。

我希望能够按下链接并让给定的表格行向下滑动以扩展到编辑区域。

我将使用 Ajax 使用数据库中的详细数据填充该编辑空间。

所以这将是我的桌子:

如果我想使用 Ajax 更改表格的一整行,我不能只在 tr 标记周围放置一个 div,因为那是行不通的。我只需要一个 div 围绕我的所有 td 标签。我真的只是想要一个正常的 for 出现在没有行分隔的表格行中,有点像这种风格:

我已经对如何做整个滑动的事情有了一个想法。但我遇到的困难是使用 ajax 替换整行表格。任何人都知道要做什么,在哪里放置 div 以处理整个业务。

0 投票
3 回答
66763 浏览

javascript - jQuery animate() 通过左右滑动来隐藏和显示元素

我正在尝试使用 jQuery 制作动画。

更新

我让它按照我想要的方式工作。这是 jQuery:

现在的问题是文本在幻灯片发生时换行,而且非常难看。我怎样才能使文本作为搜索栏和输入字段滑入/滑出,而不会随着宽度变窄/扩大而换行?

谢谢。

老问题

基本上,我想在搜索栏中向左滑动,基本上将其隐藏,然后将其下方的 4 个输入滑出。目前,我已将它们放在搜索栏下方,但我的计划是隐藏它们,当按下“Go Chat”按钮时,搜索向左滑出,4 个输入向右滑入。

现在,搜索框滑入中心并没有完全消失。我怎样才能让它发挥我想要的作用?如果我的解释不清楚我在寻找什么,请要求澄清。

谢谢。

0 投票
1 回答
981 浏览

iphone - 在 iPhone SDK 上实现 Shake/Slide 功能

我想做一个像“10,500 个很酷的事实”这样的应用程序

基本上,背景上有一些文字,然后用户会摇晃,或向右/向左滑动以在不同的事实之间导航。

我是 iPhone 编程/SDK 的新手,所以想知道是否有人可以帮助我入门。如何实现摇动/滑动功能?