使用按钮自动为滑块设置动画
基础概念
按钮自动为滑块设置动画通常涉及到前端开发中的交互设计和动画效果实现。具体来说，这可能包括以下几个方面的技术：
- HTML结构：定义按钮和滑块的HTML元素。
- CSS样式：设置按钮和滑块的样式，包括动画效果。
- JavaScript逻辑：编写脚本来处理按钮点击事件，并触发滑块的动画。
相关优势
- 提升用户体验：通过动画效果，用户可以更直观地看到操作的结果，提升交互体验。
- 引导用户操作：动画可以引导用户进行特定的操作，比如点击按钮后滑块自动移动到某个位置。
- 增加视觉吸引力：动画效果可以增加页面的视觉吸引力，使界面更加生动。
类型
- CSS动画：使用CSS的
@keyframes规则来定义动画效果。 - JavaScript动画：使用JavaScript来控制元素的样式变化，实现动画效果。
- 第三方库：使用如GSAP、Anime.js等第三方动画库来实现复杂的动画效果。
应用场景
- 表单验证：用户点击提交按钮后，滑块自动移动到验证通过的位置。
- 交互式教程：在引导用户完成某些操作时，按钮点击后滑块自动移动到下一个步骤。
- 游戏开发：在游戏界面中，按钮点击后滑块自动移动到指定位置。
示例代码
以下是一个简单的示例，展示如何使用JavaScript和CSS来实现按钮点击后滑块自动移动的动画效果。
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button to Slider Animation</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<button id="moveButton">Move Slider</button>
<div id="slider" class="slider"></div>
<script src="script.js"></script>
</body>
</html>CSS (styles.css)
.slider {
width: 100px;
height: 20px;
background-color: #ddd;
position: relative;
margin-top: 20px;
}
.slider::after {
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #4CAF50;
top: 0;
left: 0;
transition: left 0.5s ease-in-out;
}JavaScript (script.js)
document.getElementById('moveButton').addEventListener('click', function() {
const slider = document.getElementById('slider');
const after = slider.querySelector('::after');
after.style.left = '80px'; // Move the slider to 80% of its width
});可能遇到的问题及解决方法
- 动画不生效：
- 确保CSS和JavaScript文件正确引入。
- 检查CSS选择器是否正确。
- 确保JavaScript代码在DOM加载完成后执行。
- 动画效果不流畅：
- 使用
requestAnimationFrame来优化动画性能。 - 减少DOM操作，尽量使用CSS动画。
- 使用
- 兼容性问题：
- 使用浏览器前缀来确保CSS动画在不同浏览器中的兼容性。
- 使用Polyfill或Modernizr来处理JavaScript的兼容性问题。
参考链接
通过以上示例和解释，你应该能够实现一个简单的按钮点击后滑块自动移动的动画效果，并了解相关的概念和技术细节。
相关·内容
1回答
我是Plotly和Dash的新手。我可以知道如何获得动画滑块的当前值吗？
我在这里所做的是点击按钮来找出动画滑块的当前值。我尝试使用'fig.layout.sliders.active‘，但它总是返回相同的索引，即0，即使滑块位于其他值。例如，我想要获取下图中动画的当前值，即1972 (索引为4)。我以为'fig.layout.sliders.active‘会返回4，但它总是返回0(起始索引，1952)。
编辑:让我在这里给出一个更清晰的场景。我点击了播放按钮，动画滑块开始从1952年移动到2007年(如图所示)。我在“1972”处停止了动画幻灯片，标签为“year=1972”
浏览 52提问于2020-11-10得票数 1
2回答
我在我的应用程序中使用滑块。我已经做了所有的设置，我面临的唯一问题是，我想要滑块值的标签没有更新。看看我的密码。我有一个按钮，点击动画滑块。我无法更新我的标签，因为它显示0.0整个动画。任何帮助都将不胜感激。
- (IBAction)btnClicked:(id)sender
{
[UIView animateWithDuration:10 animations:^{
[self.slider setValue:0.0 animated:true];
} completion:^(BOOL finished) {
[UIView animateWit
浏览 9提问于2016-06-07得票数 0
回答已采纳
1回答
动画和双向绑定
、、、、
我正在玩WPF动画，遇到了一个奇怪的问题。
我有一台Slider和一台TextBox。使用双向绑定将TextBox绑定到Slider.Value：
<StackPanel>
<Slider x:Name="MySlider" Minimum="0" Maximum="100" Value="50" />
<TextBox Text="{Binding ElementName=MySlider, Path=Value, Mode=TwoWay}" />
&l
浏览 1提问于2011-03-23得票数 4
回答已采纳
我使用了一个和一些按钮来快速选择一小组值。
当用户单击其中一个按钮时，滑块将通过.slider方法设置为相应的值：
$("#mySlider").slider("value", myValue);
这很好用，但我想看滑动动画。我试着用
$("#mySlider").slider({value:myValue, animate:true})
但它并不像预期的那样工作，因为只有当用户稍后单击滑块时，才会启用动画。
我应该用setTimeout写一个函数来实现我想要的吗?或者有没有更高层次的方法来用jQuery来实现这一点？
浏览 0提问于2012-05-16得票数 2
回答已采纳
这是一个微妙的问题:我有一个自定义的表视图单元格，它有一个滑块和一个分段控件。当表格进入编辑模式时，一切看起来都很好，当红色的delete按钮出现时，滑块和分段控件的宽度都会缩小，以便在右侧为delete按钮留出空间，并且这种收缩可以正确地进行动画处理。所以一切都很好。
但是，当用户没有完成删除操作而是点击边界外时，在删除按钮动画滑动完成之前，滑块会立即弹回它的完整宽度。但是，分段的控件会正确地动画回到它的全宽。我自己没有处理任何动画。为什么滑块没有动画效果？我的设置代码如下。有什么想法吗？
请注意，当左侧圆形红色选择按钮出现或消失时，所有元素的动画效果都很好。
如果我不能解决这个问题，我想知
浏览 0提问于2013-03-12得票数 0
1回答
查询UISlider的表示层
、、、、
我正在设置一个简单的UISlider来模拟它的进程：
[UIView animateWithDuration:songLength
delay:0.0
options:UIViewAnimationOptionRepeat|
UIViewAnimationOptionAllowUserInteraction|
UIViewAnimationOptionBeginFromCurrentState
animations:^{
[UIView setAnimationDuration:10.0];
浏览 4提问于2010-11-05得票数 1
回答已采纳
1回答
我想用包含可点击动作的符号制作一个动态动画滑块，而不是只使用滑块图像的方法。我想使用一个“下一步”按钮和“后退”按钮，将滚动多个背景图像，其中包含可点击的链接。我可以用back和next按钮生成一个基本的图像滑块，但这种方法是有限的。任何关于我如何在Edge Animate CC中做到这一点的帮助都将非常感谢。
浏览 1提问于2013-12-31得票数 0
我正在使用Jquery制作自己的滑块，有两个按钮可以在滑块(下一个按钮)和(前一个按钮)中导航。
我在next按钮上创建了(“单击”)事件，以便在滑块上进行操作。
首先，我让活动滑块动画它在-3500 it之前左转，然后我想从它中移除活动类，但是当我使用远程动画时，类就被删除了。
$('.header .next-slider').on('click', function() {
$('.header .sliders .slider.active').animate({
left:-3500
浏览 0提问于2019-07-28得票数 1
回答已采纳
我想以动画的方式增加UISlider的宽度，但在动画完成后，尝试使用滑块...它返回到它的起始宽度，即0。
在.h中
UISlider *slider;
在.m中
viewDidLoad：
slider=[[UISlider alloc]initWithFrame:CGRectMake(65, 65, 0, 23)];
[self.view addSubview:slider];
在IBAction中
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationBeginsFromCurrentState:1];
[UIVi
浏览 0提问于2013-07-31得票数 0
1回答
在滑块中淡入淡出文本
、、、、
我目前正在开发一个利用scrollTo的jquery滑块。理想情况下，我希望滑块左侧的文本在scrollTo动画发生后淡入，首先是标题淡入，然后是插件，然后是按钮。我还想学习如何在图像被“滚动到”之后如何对其应用动画！
我的lil beta可以在这里看到：
非常感谢:D
浏览 3提问于2011-11-17得票数 0
1回答
我有一个jQuery简单的滑块，它有15张图片，每五个幻灯片显示。我有一个“上一步”和“下一步”按钮。
每次单击都会生成带有滑块动画的855px向左移动。每次单击都会生成带有滑块动画的855px向右移动。
这是我的jQuery代码：
$(document).ready(function(){
$(".prev_button").click(function(){
$("ul.slider").animate({
left: "+=855"
}, 3000, function(){
浏览 0提问于2014-10-01得票数 0
1回答
如何添加更多的按钮(+3)到纯css滑块，从这个网站：
我尝试更改.css文件和html，但出现错误;/请帮助我添加更多工作按钮，或者您是否可以解释如何使用css动画选中/取消选中单选输入
浏览 2提问于2014-09-07得票数 0
2回答
我正试着用滑块触发一个UIViewAnimation块。基本上，我想要一个沿x轴模式的视图。距离由滑块设置。
动画工作正常，但我希望动画被触发后，我完成移动滑块。到目前为止，我只完成了在移动滑块的同时移动视图。
你有什么办法做到这一点吗？
提前感谢！
浏览 0提问于2012-05-03得票数 0
回答已采纳
1回答
我有一个有很多标签和按钮的视图，它们是在代码上创建的，因为在IB中太复杂了。这个可以正常工作。
在IB中，我还创建了一个输入视图，我希望通过点击按钮从底部显示该视图。如果你愿意的话，它非常像键盘。因为这个输入视图是向前的，所以它是在IB上创建的，它包含滑块、标签等。我还没有将它添加为IB上的self.view的子视图。
通过点击按钮，我为输入视图设置了所有的约束:我设置了宽度，我将它设置在垂直大小的self.view的底部，然后我删除了这个约束，添加了实际的高度，然后我使用self.view layoutIfNeeded动画。
问题是输入视图本身的动画效果是正确的，但它的子视图却不是很好。它们
浏览 5提问于2013-01-28得票数 0
我想知道如何使这个滑块自动滑行。这个滑块包含可点击的子弹在底部和前/下一个按钮在幻灯片上，但没有动画本身。
有谁能告诉我如何制作自动幻灯片吗？
提前谢谢你。
浏览 6提问于2017-08-22得票数 1
回答已采纳
1回答
滚动动画会破坏页面上的链接
、、、、
我用另一个滚动动画替换了我的一页网站的滚动动画，当您使用topbar (它是在基础中构建的)时，它改变了URL。
当我单击顶部栏中的项目时，URL就会发生变化，而我页面上的所有其他链接或可单击的元素都会使其回滚到页面的顶部。
例如，当我试图单击滑块的下一个/prev按钮时，它会滚动回页面的顶部，就好像我单击了Home一样。
有人能看到动画的代码有什么问题吗？
$(document).ready(function () {
$('a[href^="#"]').click(function () {
var target = $(this.h
浏览 1提问于2016-02-10得票数 2
回答已采纳
var slideContainer = ('#slider');
var width = 720;
function slide () {
if ( parseInt( $slideContainer.css('marginLeft') ) >= -2160 ) {
$slideContainer.animate({'margin-left': '-='+width},200);
}
}
<script src="https://ajax.googleapis.com/ajax/
浏览 0提问于2018-05-28得票数 1
1回答
我有一个脚本，它给出了一个被设置为animationTime的滑块的规范化值。
沿着这个滑块，我想要一些小的弹出窗口来显示重要的日期，当它们发生的时候，但是仅仅让它们“出现”是非常无聊的，而且不会吸引眼球，所以我想要一些像弹出动画一样的祝酒词。
当我到达滑块上的正确点时，如何触发这个动画？
到目前为止，为了让他们出现，我正在使用这个脚本。
float t = animationTime;
if (0.256f < t)
{
pilingFinished.gameObject.SetActive(true);
}
else
{
浏览 0提问于2016-03-01得票数 0
回答已采纳
1回答
我有一个由某个CAMediaTimingFunction驱动的复杂动画，它通常只运行自己。这可以很好地工作。
现在，我想使用外部值控制相同动画的时间(线)，例如从滑块或手势识别器。换句话说，我不想让“时钟”驱动时间线，而是一个滑块，这样人们就可以用它来回滑动，并通过将滑块设置为某个值来“冻结”动画。
这个是可能的吗？如果是这样的话，是怎么做的？
浏览 1提问于2011-10-25得票数 4
1回答
我有一个滑块，当用户向下滚动页面时，它会从右向左滑动。 当用户向下滚动最后一张幻灯片时，我希望滑块淡出视图，当用户向上滚动最后一张幻灯片时，我希望滑块淡入。 我想要的示例可以在here中看到 我有滑块正常工作，但我有问题的淡出/淡出动画。 ? 我的想法是首先将1的opacity值存储在useRef中 const countRefOpacity = useRef(1); 并在我的窗口中添加一个wheel事件 useEffect(() => {
window.addEventListener("wheel", handleWheel);
retu
浏览 26提问于2021-09-06得票数 1
回答已采纳
我有个问题：
有没有办法在Javascript中使用滑块来控制Lottie动画？我试着用一个简单的按钮触发动画，这是可行的。我使用了一个带有Arduino的物理滑块(电位器)，所以滑块给了我一个0-1023的输入。
我想知道的是，我是否可以将输入从电位器转换到动画的帧，所以基本上能够使用滑块播放/反转动画帧。
我使用JohnnyFive Javascript框架与我的Arduino通信。
浏览 1提问于2019-12-20得票数 0
回答已采纳
1回答
我使用我创建的fade动画实现了一个带有树变化颜色的滑块，并使用不同的网址添加到每个链接a链接。
实际结果:未根据颜色(项目)滑块打开正确的链接预期结果:打开基于滑块项目的链接
浏览 12提问于2019-11-11得票数 0
回答已采纳
1回答
我增加了一个闲置和跳跃动画到一个角色的统一。我可以使动画发生时，按下按钮。如果按钮在动画的中间，角色就会进入空闲位置。但我希望整个动画发生在一次按下按钮，然后回到闲置的位置。我当前的脚本和动画视图如下：
if (Input.GetKeyDown(KeyCode.Space))
{
Anim.SetBool("is_jumping", true);
ApplyInput(moveAxis, turnAxis);
}
else if (Input.GetKeyUp(KeyCode.Space))
{
A
浏览 0提问于2019-10-04得票数 0
回答已采纳
1回答
这一次我有一个困难的问题给你:-)
目前，我即将在wpf中开发一个用户控件。我希望这个控件只要按下该控件中特定按钮上的鼠标按钮，就会打开一个滑块。只要鼠标按钮仍然被按下，用户就应该能够移动这个滑块。
用户一松开鼠标按钮，滑块就会消失。
我已经有了一个解决方案，但它是一个非常老套的解决方案，因为我是通过屏幕坐标来实现的。
有没有办法用WPF以一种愉快的方式做到这一点？
任何帮助都是高度恰当的！
问候你，迈克尔
浏览 1提问于2012-01-18得票数 0
2回答
HTML5帆布动画滑块
、、、
我对Javascript还比较陌生，所以希望这对于一个JS大师来说是一个简单的解决方案。
我正在尝试创建一个动画html5画布，简单的白色形状在页面上浮动。我的目标是创建滑块，以控制大小，形状，速度等白色形状漂浮在页面上。
我已经创建了动画和滑块，但是对于如何从滑块中获取值到动画中，以及如何在用户更改滑块时更新画布来应用这个新值，我有点纠结了。
首先，我尝试将滑块的值更新为速度值。
function sliderChange (value) {
document.getElementById('sliderStatus').innerHTML = value;
}
v
浏览 6提问于2015-03-29得票数 0
回答已采纳
1回答
我正试着用滑块来控制我的场景中的动画。我需要滑块的长度来匹配动画的长度，当我擦拭滑块时，动画应该扮演适当的角色。
public Slider slider;
public Animator animator;
void Start()
{
slider.onValueChanged.AddListener(OnValueChanged);
}
private void OnValueChanged(float changedValue)
{
animator.speed = 0;
animator.Play("yourAnimationName",
浏览 1提问于2015-09-27得票数 0
回答已采纳
我只想用CSS制作一个旋转木马。我有一个图像滑块，每个图像链接到另一个页面。它看起来很棒，但我想添加控件。我已经在图像滑块下制作了“按钮”，并让它们与滑块同步亮起(当第一张图片滑进来时，第一个按钮亮起，等等)。是否可以通过创建一个暂停其他按钮的动画以及滑块的悬停语句来使每个按钮正常工作？我想更重要的是，我是否可以做一个点击语句，使图像滑块跳到其动画中的适当位置？
浏览 0提问于2014-09-23得票数 0
回答已采纳
2回答
我想知道如何才能在浏览器中找到元素的当前位置。我正在尝试创建一个jQuery滑块。之前通过动画边距创建了滑块。但这个案子有点复杂。它有两条航线。从一页滑到另一页的人。一页有四个缩略图。使用底部导航，您只能通过一个缩略图。请参考下面的图片。
我已经能够获得这一效果更早通过动画的边缘。但是它并不是很有效率，而且有很多错误。所以我想我宁愿从头再来一次。
现在我打算做的是：
使用箭头导航的，动画边距，然后转到下一张幻灯片。带分页，找出缩略图的当前位置和动画边距等于文章+沟的宽度。。
可以使用jQuery偏移量来完成吗？请建议我走正确的路。任何示例代码都将受到高度赞赏。
提前谢谢。
编辑：
我
浏览 6提问于2012-05-03得票数 1
回答已采纳
我想重新创建苹果在UITableView的默认实现中使用的删除确认按钮的动画。我想在我自己的自定义视图区域中创建这个按钮和动画，但没有成功地找到合适的视图过渡或动画。以下是中途显示动画的图片：
以下是动画完成后的图片：
这些是来自的屏幕截图，显示了按钮动画应该是什么样子。
谢谢!
浏览 0提问于2011-11-03得票数 1
回答已采纳
我想重放滑块(重新开始动画)
我只创建了一张幻灯片，使用滑翔机革命版本6.1.8 ()在WordPress中
我已经在弹出模型中设置了这个滑块。
实际上，每次我都想在打开的弹出窗口上重放滑块。
我使用了jQuery('#model1').click(function(){ revapi1.revstart()；}；
只起了一次作用。第二次
重启动()；
=>假
=>滑翔机已经在运行了
因此，请任何人帮助我与回放滑块时，每次我将打开弹出模式。
浏览 6提问于2020-03-03得票数 1
1回答
有一个kml文件，像这样使用timespan：
它是否有可能在谷歌地球自动动画在一个无休止的循环，以使滑块不必一直移动？或者，动画地图能被录制成电影吗？谢谢。
浏览 7提问于2016-11-02得票数 0
回答已采纳
假设我构建了一个控制滑块，并通过UIViewPropertyAnimator对其进行动画处理，这样当我以速度从拖拽中释放时，它就会有动量。
是否可以从该滑块的动画中驱动非视觉属性？我正在寻找每一帧的某种回调，或者允许我使用动画并控制其中的参数的东西。
或者，是否可以自己创建一个可设置动画的对象，并通过相同的动画驱动它？
以控制灯泡亮度的滑块为例，它是通过网络协议控制的。一旦我释放滑块，它开始动画，我需要以某种方式确定滑块位置，计算相关的亮度级别，并将其转换为灯泡的亮度命令。
我环顾了四周，但还没有找到这样做的策略。任何提示都将不胜感激。
感谢您的支持！！-mj
浏览 21提问于2019-04-14得票数 -1
2回答
我制作了一个动画来制作一个摇动的小木棍。
为此，我在场景窗格中选择mace对象，打开动画窗格，并在0:00的某个位置按下它。
提示我将此动画保存在“资产”文件夹中，并将其作为maceswing保存。
然后我旋转支架，移动滑块的时间，并按下它在一个不同的位置。我再次移动滑块，将物体移动到原来的位置，然后按一下键。
现在在“我的资产”文件夹中有三件事：
📷
马奇斯丁似乎是我的动画，但我不知道梅斯梅斯1和梅斯2是什么。(我一直在努力让这件事发挥作用，所以很可能梅斯1和梅斯2只是梅斯的复制品。我仍然想知道他们是什么)
当我玩我的游戏时，梅斯一直在挥动，尽管我没有在它上涂上马切斯。我无法阻止它。人们说，
浏览 0提问于2014-06-02得票数 0
我有一个完全用CSS动画构建的无休止的滑块，我希望能够使用javascript (onlcick和键盘输入)操作动画。我希望能从一个画面中快速地运行动画.当一个按钮被按下时，另一个按钮会产生跳跃效果，该按钮指的是滑块中的特定图像。另外，我想通过键盘输入完成动画.(->，<-- )
有人知道如何做到这一点吗？
点击..。
检索当前关键帧位置；
为目的地设定适当的方向；
大幅度提高动画速度，直到达到所需的关键帧；
暂停动画或从新点继续
键盘输入…
跳到特定的关键帧并继续动画
浏览 1提问于2014-02-27得票数 5
4回答
显示动画效果对滑块值的影响
、、、、
我正在使用jQuery UI滑块。如果单击任何滑块范围，是否有任何方法显示当前的动画滑块值？
目前，当滑块‘滑动’时，滑块值没有动画，提供了滑块的animate: true;
例如，：
滑块起始值: 0。
我点击滑翔范围: 20。
最终滑翔值: 20。
它只是从0变为20，而不是0->1->2->3->4->5->6 .>19->20.(动画对变化值的影响)。它类似于这个网页的滑块：。有人能做到吗？
浏览 7提问于2012-06-10得票数 1
回答已采纳
我正在尝试让一个按钮出现和消失(动画)。当它出现时，它会产生动画效果。但是，当按钮应该消失时，它没有动画，它只是消失了。 有人知道为什么当它出现时它是有活力的，但当它消失时却不是吗？ 当开关打开时，按钮出现，当开关再次关闭时，按钮消失。 if switchesEnabled > 0 {
UIView.transition(with: button, duration: 0.25, options: .transitionCrossDissolve, animations: {self.button.isHidden = true})
} else {
UIView.
浏览 48提问于2020-10-05得票数 0
回答已采纳
我使用"ge.getTime().getControl().setVisibility(ge.VISIBILITY_SHOW)；“来显示谷歌地球插件的时间滑块。在GEP6版本中，时间滑块包含几个按钮，“一个缩小按钮”，“一个放大按钮”，以及另一个可以以更快的速度移动时间范围的按钮(它有一种“播放”，“暂停”功能，当你mouseOver它时，它会说“点击切换时间滑块动画”)。我想把这个按钮从滑块上去掉。我该怎么做呢？
浏览 0提问于2011-12-14得票数 1
过去，我已经能够让柔性滑块模块+库在核心drupal的本地dev实例上工作，但是当我尝试为acquia云启用/配置时，它会将映像作为li的插入，但不会将它们动画化。
我所采取的步骤--在本地开发环境-downloaded上安装/启用了挠性滑块模块，并将最新的挠性滑块库从github安装到docroot/site/all/库/挠性滑块/ -git，添加/提交/推送了对acquia云-enabled的更改-- acquia云开发环境中的模块“基本页”内容类型-edited使用挠性滑块字段-created --该字段中包含少量图像的基本页面。
如前所述，图像作为列表项被插入，但不被动画化。似乎正在调
浏览 0提问于2014-07-06得票数 1
回答已采纳
1回答
我正在寻找解决我的问题的方法:我用Xcode定义了一个动作编辑器为SCNAction的动画。现在我想用滑块控制它。因此，基本上，操纵滑块在动画中显示了特定的时间/帧。
现在，我可以暂停/播放动画或重新设置它的开头。我是通过Swift代码从动作编辑器中寻址SCNAction来实现这一点的。
据我所研究，没有可能将一个SCNAction动画到一个特定的时间立即停止。那就行了。
如果用SCNActions无法实现这一点，我也对其他尝试感兴趣。这可能根本不可能实现。谢谢。
浏览 0提问于2018-04-11得票数 0
回答已采纳
在flexslider动画到下一张幻灯片之前，我在所有幻灯片的元素上添加了一个类.animate-out，问题是应用的css动画不会显示，因为flexslider会立即移动到下一张幻灯片。
我使用flexslider的before()回调函数添加了这个类，这个回调函数在设置滑块动画的函数中是，所以现在使用slider.pause()来暂停滑块已经太晚了(使用它将暂停下一张幻灯片)。
我已经在before()回调函数中使用alert()测试了动画，这个回调函数会暂停javascript的执行，我可以看到.animate-out添加的css动画。
有没有办法让滑块停止动画(稍后我会用slide.f
浏览 3提问于2013-03-26得票数 2
回答已采纳
我用做我的div滑块。但我需要我的下一张幻灯片在我以前的幻灯片上滑动--实际上，一旦幻灯片上有动画，它就会继续存在，堆放在前面的其他幻灯片上。
当按下prev幻灯片按钮时，它就需要动画化--类似于这种效果： (但不要在平板电脑上试用它)。
有人知道怎么用滑块吗？
浏览 3提问于2014-11-28得票数 0
回答已采纳
我的jssor滑块似乎有一个bug --目前它似乎仅限于chrome。
我的第一个问题类似于- -在每次播放过渡动画之前，图像都会缩小，而在过渡动画结束后，图像会膨胀。我在chrome和火狐上见过这种情况，但有趣的是，它不会发生在IE10上。找出问题的人是否会更深入地解释必须进行哪些更改才能解决此问题？
我的另一个问题很大，因为它通过用大空格隐藏我的页面内容而完全破坏了网站。碰巧我有21个图像显示的滑块，当在铬，每次过渡动画将被播放，我会得到整个高度的滑块(即所有的内容都是旁边的滑块，想象一下，在这个网站上，橙色的右侧元素旁边的当前文本元素)变成白色，没有显示，直到动画结束。我试过看看在其他
浏览 0提问于2014-06-07得票数 1
问题
我正在一个Wordpress网站上设置一个光滑的滑块/旋转木马。所有操作/显示都很完美，但是滑块已停止正确拖动。
我仍然可以用鼠标实际地拖动滑块，它会按它应有的方式动画，但是当我松开滑块时，它就会回到第一张幻灯片上，而不会让我通过拖动从第一张幻灯片向后或向前移动。
使用prev和next箭头可以很好地工作，使用键盘上的箭头键也是如此，这使我更加困惑为什么拖放不起作用。
我需要什么
修复拖拽不工作，以便我可以正确地导航通过滑块。
**当我在滑块上滑动时，滑块也以同样的方式被打破。
我的代码
我无法将您链接到滑块，因为它目前在一个私有站点上，但我将尝试将所有我认为相关的代码放在下面：
(我只
浏览 0提问于2018-08-23得票数 4
我正在尝试使用wordpress中的旋转滑块插件，但它不能正常工作
该网站的网址为：
我在编辑滑块中的配置：
滑块布局:全屏
Offset containers：#script.js redim (我的div在调整窗口大小时用另一个脚本在我的script.js中调整窗口大小)
在编辑幻灯片中，背景设置为：
背景拟合:包含
层动画不会在容器的高度滑动。为什么？
浏览 1提问于2014-03-25得票数 0
1回答
按钮“弹出”
、、
我正在工作的网站有弹出的滑块按钮，我不确定为什么。我知道这与transform: translateY属性有关，但是更改设置、查看论文都没有结果(据我所知)。
在IE中翻译动画的时候，你到底是如何保持跳转按钮的错位的呢？
站点(供参考)顶部的滑块(红色按钮)
浏览 0提问于2017-02-16得票数 0
可能重复：
我使用的jQuery滑块插件，创建两个按钮。这些按钮通过插件连接到它们上，因为它们被用来控制滑块。我已经创建了自己的mouseover\mouseout事件，独立于插件(与网页内联)来处理动画。我想创建一个为点击以及(使按钮改变颜色)。我会创建另一个点击事件处理程序，覆盖或破坏插件的功能吗？这是不好的做法和有更好的方法吗？
浏览 9提问于2012-10-10得票数 2
回答已采纳
1回答
我正努力在一些光滑的滑块上获得一个平滑的幻灯片动画。
我需要滑块和“项目”按钮在上面的标题被点击后，在一个向下滑动的动作中动画。
我有滑块/按钮容器在点击时向下滑动的地方(切换一个改变容器最大高度的类)，但是滑块和按钮只是弹出视图，而不是与容器一起动画。
链接到codepen：
有什么帮助在这里顺利滑下过渡吗？代码片段..。
.service-content-wrapper {
margin: 0 auto;
width: 100%;
visibility: hidden;
margin-bottom: 25px;
max-height: 0;
transition:
浏览 1提问于2017-12-21得票数 0
回答已采纳
1回答
带有帧内动画的图像滑块
、、、
我有一个客户谁想为他们的网站图像滑块。他们希望在几帧内有动画，但他们想让它在iPhones和其他移动媒体上起作用，所以我不能使用Flash。有没有简单的方法可以做到这一点？他们需要2个不同的帧动画。我在想，也许可以用JQuery对动画进行编程，但我相信滑块需要能够触发动画。任何帮助都将不胜感激！
浏览 0提问于2012-06-06得票数 0
1回答
根据播放的音频，我有一个作为两个滑块的滑块--当1种音频(某种声乐引导)被禁用时，一种音乐被播放，而滑块控制音乐的音量。
当更改角色时，滑块会根据其角色(引导-视图中的上方，音乐-下)更改位置，并将其值(音量)调整为该类型声音(引导声音或音乐声音)的保存音量值。
我想要的效果是-
使用[UIView animateWithDuration]将滑块移动到新位置
当滑块到达其位置时，再次使用[UIView animateWithDuration]更改其值以反映卷。
首先，我是这样写的-
[UIView animateWithDuration:0.3
animations:^
浏览 3提问于2013-10-22得票数 7
回答已采纳
1回答
我有麻烦让jQuery的UI滑块为我的目的定制。
加载时，滑块及其内容应自动动画到某个位置。理想情况下，只要用户不将鼠标悬停在滚动内容或滑块上，它就应该向右动画，然后停止，然后向后动画(作为循环)。
遵循我的默认滑块设置()：
var scrollbar = $("#slider").slider({
animate: 3000,
min: 0,
max: $("#timeline_content .items").width(),
change: handleSlider,
slide: handleSlider
});
浏览 1提问于2011-11-21得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
