slide 相关问题

一种UI效果,其中元素或元素组在表面上移动,同时保持平滑的连续接触。

单击将 a) 滚动到 div,b) 打开所述 div,c) 将 html 从另一个页面加载到该 div 中。怎么办?

我已经有了“滚动到”和切换功能: $("a.view").click(function(){ $("#content").slideToggle("慢"); 返回假; }); 滚动是通过这个来处理的

回答 1 投票 0

如何使 jquery 切换工作

我有一个简单的两个div: 菜单 我想单击 div#tic 来上下切换 div#slide_menu。 我正在尝试...

回答 1 投票 0

切换下一个元素(jQuery)

HTML: 采访 这是问题1? 这是一个答案! HTML: <div class="interview"> <h4>Interview</h4> <a href="#" class="question">This is question 1?</a> <div class="answer">This is an answer!</div> <a href="#" class="question">This is question 2?</a> <div class="answer">This is an answer!</div> <a href="#" class="question">This is question 3?</a> <div class="answer">This is an answer!</div> </div> jQuery: if ($('interview')[0]) { $('interview .question').toggle(function () { $(this).next('.answer').slideIn(); }, function () { $(this).next('.answer').slideOut(); }); } ...我不明白为什么它不起作用。 注意点: .interview 另外,没有slideIn,请尝试slideDown和slideUp:http://jsbin.com/ajawo3 如果这些函数中没有任何其他代码,更好的选择是slideToggle:http://api.jquery.com/slideToggle/ 您正在使用类选择器,它应该以 . 开头 所以你必须改变 $('interview .question') 到 $('div.interview .question') 这是一个简单的版本... $('a.question').click(function () { $(this).next('.answer').slideToggle(); });

回答 3 投票 0

徽标轮播上的图像重叠。适用于文本块,但不适用于图像

https://jsfiddle.net/youazs87/13/ 这就是我正在努力实现的目标。它不是一个完全无缝的无限循环,但它足够平滑,轻微的重置不会严重到看起来很糟糕。 哈...

回答 1 投票 0

Vue过渡:如何正确滑动?

我有一张 v 卡,我想通过单击来来回制作动画。 如果我单击向左的箭头,卡片应向右滚动,然后立即从左侧滚动回来。 ...

回答 3 投票 0

Flex 悬停幻灯片:悬停时旋转不起作用

我正在尝试使此悬停幻灯片在我的网站上运行: [codepen](https://codepen.io/CameronFitzwilliam/pen/rmeMGr) 到目前为止的结果还不错: https://www.merlinsmind.be/Test.html 豪...

回答 0 投票 0

如何防止 swiper.js 禁用最后一张幻灯片上的“下一页”按钮?

在我正在编写的网站中,我有一个带有“.swiper-slide”类的 div。然后,当我完成表单时,将生成几个带有“.swiper-slide”类的 div。问题...

回答 2 投票 0

使用 JavaScript 的卡片滑块 [关闭]

我必须在没有任何框架和库的情况下使用 JavaScript 做一个带有滑动条的卡片滑块。它应该能够滑过该部分。你能帮帮我吗

回答 0 投票 0

“高度:适合内容”没有 CSS 转换

我使用 transition: height 500ms 将动画添加到通过按钮从 height: 0 到 height: 100px 滑动打开的元素,反之亦然。 由于元素的内容是动态添加的,所以我 ...

回答 5 投票 0

如何防止快速点击时div抖动?

我的代码是: $(函数() { const fullSection = $(".fullsection"); 常量容器 = $("#container"); // 关闭 fullSection => height:0%(); $(".fullsection").each(函数(索引,项目...

回答 2 投票 0

悬停和 JS 动画/交互不适用于 <a> element

我正在为一个足球队创建一个网站,并且想要一个滑动图像幻灯片。幻灯片底部的点,但出于某种原因我无法与箭头按钮 () 进行交互。

回答 1 投票 0

如何使用 JS React 选择活动幻灯片和表格元素?

我是网络开发的初学者。作为练习的一部分,我想修改下面链接的 javascript 代码。 我想让按钮元素可点击。 https://codepen.io/

回答 1 投票 0

从具有 100 个项目的 json 中逐一获取图像,每个项目都有多个图像

heyo,所以我得到了一个包含 100 个具有多个属性的项目的 json,我处理了通过 javaScript 将标签和文本属性添加到我的 html 中,但是我该如何处理照片呢?我必须创造...

回答 0 投票 0

Flutter 提升按钮颜色滑入滑出悬停时的过渡动画

如何在悬停时实现 Flutter 提升按钮颜色滑入滑出过渡动画 我尝试使用 Inkwell 的悬停属性使用幻灯片过渡位置,但无法实现

回答 0 投票 0

React MUI 动画幻灯片不适用于 SVG 图标

带有 svg 图片的我的幻灯片组件无法正常工作。它只是显示一个从左到右移动的白框(没有实际图片)。我怎样才能让它工作? 按照此处的文档:...

回答 0 投票 0

使用 python 更改演示文稿中的幻灯片字段

我有一个 excel 文件,我想用这些项目来替换我的幻灯片,在 excel 中我添加了 ABC 代码来替换我的演示文稿,但我可以到达标题但无法到达段落。 可以吗

回答 0 投票 0

我如何在Javascript中使上一个和下一个按钮同步的幻灯片?

我不明白为什么当我点击前进按钮时一切正常。当我点击前一个按钮时,一切正常,但当我把这两个数字混合在一起时,第一个数字是随机的,我想。 ...

回答 2 投票 0

设置锚标签以匹配父列表项的全宽

如何让我的锚与父列表项的大小完全匹配?

回答 1 投票 -1

点击上一个下一个按钮改变图像

我试图改变 "div "中的图像点击按钮,如 "旋转木马",但无法完成,代码不抛出任何错误。我还不明白我做错了什么。我调用...

回答 1 投票 0

点击正文后,菜单怎么往后滑动?

我有一个移动滑动菜单。我想让用户点击主体来滑回移动菜单。我也只希望菜单按钮的位置固定,当菜单是滑动打开。我有...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.