腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
jQuery悬停不会中断$.each循环
jquery
、
hover
、
jquery-animate
我目前正在制作我的第一个网站,可以在这里找到: 摘要:我有五个以递归方式生成动画的div,使用$.each()函数启动动画。如果您将鼠标悬停在五个div中的任何一个上方,动画就会中断,所有div都会停止移动。取消悬停div时,动画将通过$.each()函数重新启动。 我的问题是,有时候,当div到达内部圆的对角轴时,hover()函数不会触发。如果您在此位置的div上跟踪鼠标,则鼠标将在没有注册的情况下悬停在div上。Firefox和Chrome都有这个问题。我该如何解决这个问题呢? 谢谢!
浏览 0
提问于2012-08-09
得票数 0
回答已采纳
2
回答
D3.js -为什么会为每个子元素触发mouseover和mouse?
javascript
、
d3.js
我使用d3.js生成一个svg圆,圆的中间有一个文本徽标。这是svg结果。 <g id="main"> <circle r="114" fill="#F0E8D0"></circle> <text text-anchor="middle">The movie title</text> </g> 下面是d3.js var circles = [{r: innerRadius}]; svg.append("g").attr(
浏览 6
提问于2014-03-17
得票数 16
回答已采纳
2
回答
为什么我的悬停状态在我动画一个元素后保持激活?
jquery
、
css
我有一个按钮,当点击时移动到左边。这部分工作得很好,但我不明白为什么在我移动鼠标之前,悬停状态会一直处于活动状态。我已经创建了这个问题的。点击按钮,不要移动鼠标,请注意,即使在动画完成后,悬停状态也是触发器。 下面是我的代码HTML: <a href="#">Click</a> CSS: a{ color: white; background: blue; padding: 10px; position: absolute; left: 0; } a:hover{ background: green; } JS: $('a').clic
浏览 3
提问于2013-09-17
得票数 2
2
回答
具有多个列表项的悬停状态下的jquery动画
jquery
、
jquery-animate
好的,我已经得到了我想要的动画非常接近我想要的,但是我遇到了一个bug。和它是#菜单左导航(彩色的)。如果你悬停,它会像它应该的那样膨胀开。如果让完全激活,然后将其悬停在一个新元素上或悬停在该列表项上,那么它就会正确地关闭,并打开一个新项目(如果您悬停在一个新的列表项上)。但是,如果您在列表项上悬停,然后在它有充分的动画时间之前快速地悬停,那么它会滑回太远。有没有办法阻止任何动画的发生,直到最初的悬停是完全动画?我尝试使用queue选项,但这只是在悬停时停止了任何动画。 这是我的密码: $(document).ready(function() { //Left nav
浏览 0
提问于2011-06-28
得票数 0
2
回答
当您在按钮上悬停时如何实现动画
html
、
css
、
animation
、
svg
、
css-animations
当您在按钮上悬停时,我正在尝试实现此动画: 我希望它只能在+上盘旋,而不是在我的按钮中的文本上工作。下面是按钮代码,它是一个.svg: <button class="bubble-animation">Add more <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 7L14 7" st
浏览 29
提问于2022-03-01
得票数 0
3
回答
悬停效果在其他字母上悬停时重置
javascript
、
html
、
css
我在JavaScript (JS)中制作了一个文本动画,在这个动画中,一个字又一个字母的颜色随着时间的推移而变化。我只想要文字动画重置时,该词已不再徘徊。 然而,当我悬停在单词上方,我移动光标在单词中的另一个字母上时,悬停动画重置。有人能解释一下为什么会这样吗?我怎么能解决这个问题呢? const home = document.querySelector("#home"); const homeText = home.textContent; const splitHomeText = homeText.split(""); home.textConte
浏览 0
提问于2021-04-16
得票数 0
回答已采纳
3
回答
只有FireFox和FireFox的行为很奇怪
jquery
我用jQuery编写了悬停动画,它工作得很好,但在FireFox中却不能像预期的那样工作,你能看看这个,告诉我这是如何发生的吗 当鼠标悬停在绿色区域和蓝色区域时,应该可以顺利进入,但在FF动画中会出现跳跃。
浏览 0
提问于2012-08-02
得票数 0
回答已采纳
1
回答
在悬停时复制到剪贴板
javascript
、
dom-events
、
copy-paste
我试图在悬停时将文本复制到剪贴板上,并注意到它只适用于单击(document.body.addEventListener('click', copy, true);),但是当您试图在悬停时触发复制时,它不工作(document.body.addEventListener('mouseover', copy, true);)。我在玩这个,我想知道为什么会这样。
浏览 4
提问于2016-09-08
得票数 1
回答已采纳
2
回答
CSS动画在悬停时多次播放
html
、
css
、
css-animations
我有一个很简单但很烦人的问题。我有一个带有类卡的div,在悬停时,它应该运行一个简单的动画--到rotate3d(360 div )整个div。 .card:hover{ animation: fullTurn 1s; animation-iteration-count: 1; } @keyframes fullTurn{ 0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);} } 当我悬停在div,我希望它只是旋转整个div 360度的3d风格。实际发生的事情是,当我悬停在div上时
浏览 4
提问于2020-06-17
得票数 0
回答已采纳
1
回答
为什么动画元素宽度会导致同一行中的其他元素抖动一点?
css
、
transition
我有一行元素和一个CSS悬停动画,它会导致悬停元素展开原来宽度的两倍。如果在两个形容词元素之间盘旋很好,如果您同时在多个元素上快速移动鼠标,则行下的元素会以任何理由向前和向后旋转几个像素。 Fiddle - 中的示例 试着快速移动鼠标在任意两个形容词元素之间(例如红色和橙色之间)--一切正常。这两个元素中的一个变得更大,另一个变得更小,其他元素保持相同的大小。 现在试着快速移动鼠标两个元素(如红色到黄色)--你会注意到紫色和蓝色元素的大小略有变化,而它们不应该--它们看起来有点不舒服,看起来很难看,很生气。 起初,我认为CSS放松可能导致了这个问题(不同的元素以不同的速度在“宽
浏览 5
提问于2021-04-28
得票数 0
3
回答
如何手动触发子组件的鼠标
javascript
、
css
、
reactjs
、
material-design
、
mouseevent
我正在使用ReactJS和谷歌的材料组件为网络使用RMWC ()。我有一个父组件,它包含一个图标和它下面的文本。这个图标有材料设计的涟漪效应,这意味着当我悬停或点击它,一个动画被触发。 现在,当我在下面的文本上悬停或单击时,我想触发同样的效果。 以下是组件: export class Subject extends Component { constructor(props) { super(props) } triggerRippleHover() { console.log("hovered"); // HERE } renderSubjec
浏览 0
提问于2018-06-12
得票数 3
回答已采纳
4
回答
jQuery:将鼠标悬停在两个元素上
jquery
、
hover
我有一个<img>,一旦悬停在上面,它就会在放大版本的图片的<div>中进行动画和淡入淡出,以及文本和超链接。鼠标移出时,<div>会设置动画并淡出。这很好用,只是我的悬停功能只适用于<img>本身。只要a) <div>出现在<img>上,或者b)鼠标离开<img>到达<div>,jQuery就会读取鼠标输出并将<div>动画移开。如何重写我的jQuery以允许我修复这个问题?先谢谢你... 以下是HTML的一部分: <img runat="server" src=
浏览 0
提问于2009-03-16
得票数 4
2
回答
带有动画CSS +提交按钮胡佛的图像
javascript
、
jquery
、
html
、
css
、
animation
我有一部Animate.css动画 $('#log-circle').addClass('animated flipInY'); 此动画发生在页面加载-没有问题 但是当用户悬停提交按钮时,我想重新加载相同的动画。 我最初的想法是在点击时重新加载动画(如果可能的话)--但我认为动画永远不会发生,因为点击提交按钮,页面将改变为另一个页面。 然后我试着在悬停状态下重新加载动画: <script> $( ".log-btn" ).hover( function() { $('#log-circle').addClass
浏览 1
提问于2015-10-01
得票数 0
回答已采纳
1
回答
元素背面没有鼠标事件
javascript
、
html
、
css
、
google-chrome
我正在编写一个web应用程序,其中包含一个类似于页面上第一个示例的“卡片翻转”动画(尽管我通过点击而不是悬停来触发动画)。翻转是工作的,但当动画完成和backface是可见的,没有鼠标事件注册的元素-点击,悬停,甚至文本选择。知道为什么鼠标事件没有注册吗? 这里有一个小提琴: 我用的是Chrome 29我的应用程序只需要在这个浏览器中工作。
浏览 1
提问于2013-08-27
得票数 2
回答已采纳
4
回答
当悬停在元素上时,Onmouseover会运行多次吗?
javascript
、
jquery
为什么当我将鼠标悬停在一个元素上时,onmouseover会运行多次? 当用户将鼠标悬停在图标上时,我试图运行一个简单的动画,但它运行了多次。 我在这里测试它: 不管怎样,有没有什么办法来解决这个问题?也许可以使用监听器来代替? 这是在onmouseover上运行的javascript: function upIcon(n) { console.log("Mouseover icon: " + n); $('#icon' + n).animate({ backgroundPositionY : "-=15px" }, 200 )
浏览 0
提问于2012-02-22
得票数 14
回答已采纳
1
回答
使用Fancybox时,悬停效果不会完成动画
jquery
、
fancybox
当我使用Fancybox时,我遇到了悬停动画的问题。当我点击图像并弹出Fancybox时,动画并没有结束。 $(".portfolio_item > a").fancybox(); $(".portfolio_item > a img").hover( function() { $(this).stop().animate({"opacity": "0"}, "slow"); }, function() { $(this).stop().anim
浏览 1
提问于2011-09-22
得票数 0
回答已采纳
3
回答
如何停止常量动画
jquery
、
animation
、
constants
请看我这里的代码: 当我们将鼠标悬停在文本上时,我们会看到一个动画。如果我们将鼠标悬停在文本上5次,该框将显示5次动画。如何设置在第一个动画尚未完成时阻止4个剩余动画的代码?!我的意思是,只有当动画在上一次悬停时不在进行中时,才有动画。因此,当我们在文本上悬停5次时,动画将只运行1次(如果4次悬停在动画结束之前)
浏览 2
提问于2012-08-30
得票数 0
回答已采纳
1
回答
淡出期间jQuery停止淡入
jquery
、
html
我有这个代码: $(".name").hover( function() { $(".kyle_hover").stop(true, true).fadeIn('slow'); }, function() { $(".kyle_hover").stop(true, true).fadeOut('slow'); } ); 但是我有大约4个这样的方法,它们是隐藏的,在悬停时显示,当离开时如预期的那样消失,但是.stop方法做的不是我所期望的。 当你快速地悬停在标题上时,它们都堆叠在一起(因为它们是内置在
浏览 0
提问于2011-06-28
得票数 1
回答已采纳
2
回答
文本输入中的打字机效果在Firefox中不起作用
javascript
、
jquery
、
html
、
settimeout
、
cleartimeout
此代码在输入中生成打字机动画效果当用户将鼠标悬停在其上时,它会动画显示占位符文本。当用户离开时,我希望动画停止,输入返回到其原始状态。 $(function() { var sppInput, sppInputName = $('#spp-input-name'), sppInputNamePlace = sppInputName.attr('placeholder'); // Typewriter Effect function sppInputStart(elm, n, text) {
浏览 34
提问于2018-01-10
得票数 1
回答已采纳
4
回答
jQuery --是否有可能向前悬停到另一个元素?
javascript
、
jquery
、
html
、
hover
我终于得到了一个很棒的动画作品。这是一个悬停事件,触发动画,我希望有一个更大的覆盖为悬停。当我简单地将悬停应用于父div时,它会给我带来很多新的问题,所以这对我来说是不可能的。 相反,我在想,是否有可能将悬停事件转发给子元素? JS: $('canvas').hover( ... functions ... ) 在这个小小的帆布区,一切都很完美。 HTML: <div class="parent"> -> somewhere here is the <canvas> embedded </div> 因
浏览 1
提问于2013-10-24
得票数 1
回答已采纳
2
回答
如何在单个元素上清除已应用于多个元素的setInterval?
jquery
我有多个项目与一个setInterval应用动画的内容。我有一个停止悬停动画的clearInterval设置。当然,这会停止所有动画项目。我只想清除悬停在项目上的间隔,并允许其他项目继续动画。我对动画之间的不同步感到很满意。 var boxInterval = setInterval(startBox, 3000); $('.box').mouseenter(function(){ clearInterval(boxInterval); }); $('.box').mouseleave(function(){ boxInterval = se
浏览 42
提问于2016-07-27
得票数 0
回答已采纳
1
回答
单击时暂停菜单动画,下次单击时恢复
jquery
、
animation
、
menu
我有一个菜单动画,我正在鼠标悬停上使用,效果很好,但我不太确定如何继续。当链接悬停在上方时,div的宽度将被设置为动画,模拟动画下划线。我希望如果该菜单项被单击,动画就会停止,本质上是保持该菜单项的下划线,但如果单击任何其他菜单项,动画就会恢复。这是用在一个单页面的网站上,我基本上想指出的是,用户在网站的哪个部分。 基本代码: HTML <ul> <li id="contactmenu"> <a href="#contactpage">contact
浏览 1
提问于2013-06-04
得票数 0
回答已采纳
1
回答
动画在SVG悬停动画上未完成过渡,当悬停快速发生时
javascript
、
jquery
、
svg
我已经使用SVG图标为缩略图制作了一个非常简单的悬停动画。参见。我使用的JS代码是这样的: var elemRemoveAnim = null; $('.vedio-thumb').hover( function(){ $(this).find('.youtube-icon > .youtube-red')[0].classList.add('y-animated' , 'fadeInUp'); $(this).find('.youtube-icon >
浏览 0
提问于2016-01-10
得票数 0
2
回答
是否禁用css中的初始动画状态?
css-transitions
假设我有一个这样的按钮: <button>Some Text</button> 默认情况下,样式表的文本为黑色。 然后我有了这个css: button { transition: color 0.15s ease-out; color: rgba(255,255,255,0.75); } button:hover { transition: color 0.15s ease-out; color: #fff; } 目标是微妙地从灰白色淡入淡出,到白色,悬停时,然后再次回到悬停时的正常按钮外观。 问题是,当我第一次加载页面时,按钮
浏览 2
提问于2015-10-24
得票数 1
2
回答
即使悬停也会出现连续动画问题
jquery
我有一个按钮,可以在悬停时淡出一个div。如果我将鼠标悬停在按钮上,然后快速连续地多次重复该过程,然后再将鼠标悬停在按钮上,那么div将在本应停止时继续进行动画显示。请参考下面的代码片段。 有没有办法纠正这种行为? 有没有办法在最后悬停时停止动画?
浏览 0
提问于2011-05-17
得票数 0
回答已采纳
2
回答
为什么CSS Hover的行为是片状的?
css
、
css-animations
我想要创建一个按钮(只使用css和html),它在悬停时显示另一个按钮,在它的最底层轴上旋转。 我一直都很成功: 但是,正如你可以在我的笔上看到的,悬停行为充其量是片状的,它重置了光标的任何移动上的动画。为什么会发生这种事?-webkit-animation-fill-mode: both;不是应该在选择器关闭后逆转动画吗?
浏览 6
提问于2014-06-17
得票数 1
回答已采纳
2
回答
Jquery悬停动画问题
jquery
、
hover
我正在使用jquery在我的导航菜单上创建悬停效果。我的jquery如下: $(".hoverMenu").css({"opacity":"0"}); $("#menu-nav li:nth-child(2) a").hover(function(){ $(".hoverMenu").stop().show().animate({ top: '88', opacity: '1'
浏览 1
提问于2011-08-03
得票数 0
回答已采纳
3
回答
动画不是函数出现的错误。
jquery
我有一个图像滑块,我像这样管理图像 +----------------------------------------------------------+ | +-----+ +------+ +------+ +------+ +------+ +----------+ | | | | | | | | | | | | | | | visible images | +-----+ +------+ +------+ +------+ +------+ +----------+ | +----------------------
浏览 3
提问于2013-09-03
得票数 1
1
回答
jQuery UI滑块-手柄和滚动内容不同步的动画
jquery
、
user-interface
、
slider
、
jquery-animate
、
sync
我有麻烦让jQuery的UI滑块为我的目的定制。 加载时,滑块及其内容应自动动画到某个位置。理想情况下,只要用户不将鼠标悬停在滚动内容或滑块上,它就应该向右动画,然后停止,然后向后动画(作为循环)。 遵循我的默认滑块设置(): var scrollbar = $("#slider").slider({ animate: 3000, min: 0, max: $("#timeline_content .items").width(), change: handleSlider, slide: handleSlider });
浏览 1
提问于2011-11-21
得票数 2
1
回答
Ngx纺织品及
css
、
angular
、
ng-animate
我试图使用ngx 添加动画到我的文本。我已经设法使用“进入”和动画工作正常。 但是,当我使用"annimation“和.play() (使用ViewChild和一个#标记)来播放动画时,其余的文本并不隐藏,因为动画播放起来就像在"enter”上一样。 你知道为什么吗?我试图通过将style.visibility绑定到布尔值来手动隐藏它,但是当我将它解藏时,它再次显示整个文本,而不是让动画显示它。 我能做些什么来解决这个问题吗?还是由图书馆决定的? 我想制作一系列的事件/动画,让所有的东西都进入,让它们同时发生。
浏览 14
提问于2022-02-14
得票数 0
1
回答
论图标--绘制图标
javascript
、
jquery
、
html
我试图为我的个人作品创造这个图标动画效果。因为他们正在使用图像绘制图标在悬停。还有其他什么花招要用这个吗。请指教
浏览 1
提问于2016-06-21
得票数 0
回答已采纳
2
回答
当第二次在对象上悬停时,有没有办法触发不同的动画?
html
、
css
、
hover
、
css-animations
我想在第二次将鼠标悬停在元素上时触发一个不同的动画,因此第一次将触发一个普通动画,但在第二次悬停时会触发一个不同的动画 .star:hover{ animation: myAnim 2s ease 0s 1 normal forwards; }
浏览 26
提问于2021-11-05
得票数 3
回答已采纳
3
回答
如何在悬停时用关键帧动画文本替换文本?
javascript
、
css
当鼠标悬停时,关键帧动画可以正常播放...尽管原文不会消失。 据我所知,我已经尝试创建悬停关键帧动画,尽管现在卡住了(这是用javascript做得更好吗?)。 .name:hover::after { content: ""; animation: descriptionChange 3s linear infinite alternate; } @keyframes descriptionChange { 0% {} 10% { content: "Lorem"; } 20% { content: "de
浏览 20
提问于2019-07-23
得票数 0
回答已采纳
1
回答
在许多元素上绑定动画
jquery
我尝试做一些网格,需要在未来显示基于点的动画。但它看起来执行起来相当慢,即使只有几个元素(我需要将它应用于大约5倍于此的项目) $('div').bind('shrink', function(){ var $that = $(this).find('> em > span'); $that.animate({'width': '3px', 'height': '3px'}, 500); }).bind('grow',
浏览 4
提问于2010-12-02
得票数 4
回答已采纳
1
回答
jQuery动画在开发站点和wordpress站点上的不同行为
jquery
、
wordpress
我正在做一个简单的动画只有3个对象。当我在普通页面上做这个动画时,它工作得很好。当我将其转移到Wordpress模板时,动画似乎一次排好队并运行一次。 我试过了,但它没有起作用。 想要的行为是。当你悬停在一个图像上时,你悬停在上面的图像(如果不是#1)与其他正在“让开”的图像同时显示动画。 不正确的行为是。正如您所看到的,当您悬停在图像上时,没有在动画上盘旋的幻灯片首先在动画上悬停,然后然后将您所选择的幻灯片悬停到正确的位置。 问题是“那时”。所有这些瓷砖都应该同时充满活力。 下面是jQuery: var speed = 500, ease = "easeInOutCirc&
浏览 2
提问于2015-01-30
得票数 0
回答已采纳
1
回答
如何防止在选择框处于活动状态时触发jquery动画
javascript
、
jquery
下面的jsfiddle演示了这个问题。在火狐中,将鼠标悬停在‘高亮故事’上,并尝试从第二个下拉列表中进行选择:包含的ul动画已关闭,无法选择选项。也可以通过从顶部选择框中选择并稍微向下移动鼠标来进入闪烁循环。 我可以通过这样做来删除mouseleave事件: $('.selector').click(function(){ $('nav ul li').unbind('mouseleave'); }); 但这显然会阻止悬停动画正确地触发。有没有人能推荐一个更优雅的解决方案?
浏览 3
提问于2011-10-24
得票数 1
回答已采纳
2
回答
在不更改CSS样式的情况下更改按钮文本
javascript
、
html
、
css
我正在修补HTML和Javascript,遇到了一个问题。 我有一个按钮,动画悬停和改变文本和颜色点击。再次单击时,它将返回到与以前相同的颜色和文本。我正在用一个JS文件来处理这个问题。 我的问题是,在第一次点击和悬停时,一切正常,但在第一次点击后,动画永远消失了,按钮现在只改变了颜色和文本,没有悬停动画。 按钮的HTML: <button class="button" style="vertical-align:middle" id="buttonclick" onclick="setColor()"> &l
浏览 18
提问于2017-12-30
得票数 0
回答已采纳
3
回答
我的一个div出现了jQuery问题
jquery
、
html
编辑:我把clear:both添加到.panel中,这样我的CSS div就不会遍历整个页面。感谢大家的帮助和建议。 请查看我正在进行的小项目,以便在上练习我的html/css/js 我有一个鼠标悬停触发页脚动画的问题。我只想在#opmetAbout或#panel内/外悬停时切换页脚。如果你看一下超文本标记语言,你会看到#opmetAbout和#面板周围的div上的.panel类给出了想要的悬停效果。 无论出于什么原因,当你将鼠标悬停在#right (睡眠时间)和#left (唤醒时间)之间的中间填充上时,面板效果就会触发。 谁能解释一下为什么会发生这种情况,以及如何修复它? 谢谢! 另外,我
浏览 0
提问于2013-06-25
得票数 0
回答已采纳
1
回答
动画js在移动过快时会闪动动画
javascript
、
jquery
、
animation
我正在使用动画-js动画库在悬停时增长一个div,并在移动鼠标时缩小div。下面是这个库的文档: 当你慢慢移动并等待每个动画在移动鼠标之前完成时,动画工作得很完美,但是你要在鼠标上悬停,然后在“成长”动画完成之前快速移动鼠标,它会在“收缩”动画的末尾闪现,反之亦然。下面是我的意思的一个代码示例: CodePen: HTML <div id="btn" class="btn"></div> JS var btn = document.getElementById("btn"); btn.addEventListener(&
浏览 2
提问于2017-04-16
得票数 2
回答已采纳
3
回答
使用鼠标控制在悬停时添加动画
javascript
当有人在元素上悬停时,我试图添加一个动画到元素中。 我的想法是添加一个带有关键帧的类,并将一个mouseover事件侦听器附加到它。 我不使用CSS的原因是我希望动画完成,甚至鼠标在动画完成之前离开元素。例如,鼠标在180度旋转时被移出元素(完整的动画是360度)。 但遗憾的是这不管用我也不知道为什么..。 const item = document.querySelector('#rotate'); item.addEventListener('mouseover',function(e) { if(item) e.classList.add(
浏览 1
提问于2022-03-10
得票数 0
回答已采纳
2
回答
悬停效果动画不稳定
javascript
、
html
、
css
、
hover
你好,我是css和html的新手,我试图用关键帧做一个css悬停效果只是一个简单的动画,不幸的是当我试图悬停的时候所有的动画都乱七八糟的,所以我想知道我可以做些什么来解决这个问题当我悬停的时候动画有点故障,所以我猜我需要等到动画结束才能再次悬停。请帮帮我。这是我的CSS代码 body{ background: #C33764; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #1D2671, #C33764); /* Chrome 10-25, Safari 5.1
浏览 28
提问于2020-09-11
得票数 0
2
回答
为什么将鼠标悬停在mouseOut目标内的文本上时会触发.mouseOut()?
jquery
、
hover
、
jquery-events
、
mouseout
例如,如果我使用$('div#something').mouseout(function(){});,那么当我将鼠标悬停在#something div中的文本上时,函数将触发,而不是当我离开该div时。 我希望它只在我离开div时触发,而不是当我将鼠标悬停在div中的文本上时触发。 为什么会发生这种情况?
浏览 0
提问于2011-05-23
得票数 2
回答已采纳
2
回答
使用CSS从左到右填充文本颜色
html
、
css
我试图动画的文本有类".popUpWord"。在悬停上,我想做一个颜色动画与文字的颜色从左到右变化。 <span class="popUpWord">hello</span> 我想做的和这个类似-- ,但是我希望它从左到右填写,stop,而不是重复它。 这可以通过css吗?
浏览 4
提问于2016-11-29
得票数 5
回答已采纳
2
回答
Jquery下拉菜单奇怪的行为
javascript
、
jquery
、
jquery-animate
我的问题是,在jquery动画下拉菜单上,当您悬停在“其他”链接上时,子菜单就不会出现。当使用firefox‘检查元素’时,我发现高度是动画的,宽度似乎没有问题,但我看到的只是左边框。 我注意到,如果我将这个特定的部分显示为一个块,那么当您动画第一个菜单时,它就会显示出来,但是当输入无序列表时,它就消失了()。我想这与此有某种关系,但我不知道是什么原因造成的。 任何煽动我可能只是忽略将是伟大的,当然非常感谢。 备注: 我在Firefox、Chrome、Opera和IE中遇到了这个问题。 它的设计使得它只能与css一起工作。第一个.each正在覆盖默认的css悬停行为。 空跨度保存
浏览 2
提问于2012-08-23
得票数 1
回答已采纳
5
回答
如何创建一系列函数?
jquery
、
function
、
sequence
我试着去做 myfun(params, function(){ //something happen } ); 但它不起作用,我绝对不知道为什么,我快疯了。几个星期后,我仍然在苦苦思索一个问题,我真的需要帮助,因为我不太擅长Jquery语法。 我试图实现的是:启动一个函数,检查你是否在一个圆圈区域内悬停,如果你这样做了,那么就触发一个接一个的函数序列(在这种情况下显示一系列动画)。我也不能说“一个接一个”。 我正在尝试这样做,因为在safari中,当您使用radius-border创建一个链接时,如果您想将鼠标悬停在元素上,它仍然表现为一个正方形。而且我不想使用图像映
浏览 0
提问于2011-03-27
得票数 2
回答已采纳
1
回答
悬停时出现文本动画毛刺
javascript
、
html
、
css
、
responsive-design
、
bootstrap-4
我正在尝试创建一个动画,当悬停在卡片上时,它会向上移动文本并显示一些内容。当鼠标悬停在卡片上时,动画会按预期工作,但当光标放在文本上方时,就会出现奇怪的小故障,文本会不断上下移动。 我已经把这个放上了:https://codepen.io/anon/pen/qGwpaG 我的代码 HTML <section class="section" id="black"> <div class="container"> <p class="display-4 d-flex justify-con
浏览 18
提问于2019-06-05
得票数 0
回答已采纳
1
回答
触发元件单击
javascript
、
jquery
脚本解释 我的脚本是对邮箱进行排序和/或过滤,而您可以在单击时选择每个选项和排序选项,如果它是活动的,它将切换图标,指示从and到Z,而visa则相反。 filter选项更改按钮文本,单击按钮时,它会将按钮宽度动画为下拉宽度,然后向下滑动。再次单击时,它将反转进程,检查文本是否已更改以调整宽度。 我想要实现的 在单击除.Active筛选器/视图选项之外的一个选项后,我希望触发单击事件以逆转显示进度。我已经尝试过用e.target来触发这个点击悬停,我不知道如何正确地触发这个按钮,因为我的尝试一直没有做任何事情。
浏览 2
提问于2016-11-08
得票数 0
回答已采纳
1
回答
Jquery:等待函数完成
javascript
、
jquery
、
function
我的问题是: 我有几个(告诉10个)元素。悬停其中的每一个都会执行一些带有动画效果的功能。我确实想这样做,如果其中一个元素的函数(和动画)正在运行,悬停在其他一些元素上不会执行该函数。 例如:我悬停了一个元素2。动画开始。随着动画的持续,我将鼠标悬停在元素3、4和5上。鼠标光标停留在5处。 我需要什么,当element 2的动画结束时,光标停留在5上,five的动画自动开始。 我是这么做的: var blocked = 0; $(".my_element").live('hover',function(){ if(blocked
浏览 2
提问于2011-11-22
得票数 2
回答已采纳
2
回答
JQuery动画-如何在悬停关闭时立即停止悬停功能(不完成悬停功能)
jquery
、
hover
、
jquery-animate
我有一个菜单导航区,当文本悬停时,我使用.animate将其滑过,然后在悬停时将其滑回。我希望一旦鼠标悬停在选项卡上,就能立即停止幻灯片动画。我该怎么做呢? $('a.menu').hover( function(){ if(!$(this).hasClass('current')) $(this).animate({'padding-right': '+=10'}); }, function(){ if(!$(this).hasClass('
浏览 1
提问于2011-11-05
得票数 1
回答已采纳
1
回答
CSS all style在页面加载时应用过渡
css
、
animation
、
css-transitions
我有一些代码可以在按钮悬停时使其具有动画效果,但是当我重新加载页面时,css将应用我在按钮和按钮文本上设置的1s过渡。 我将过渡设置为只作用于按钮的宽度,这是可行的,但如果我想要动画多个东西,我必须选择只动画那些东西,这是有点恼人的,因为我以前没有这个问题。 我在Chromebook上使用Chrome 72.0.3626.122 html { width: 100%; height: 100%; } body, span { margin: 0; padding: 0; } .button { width: 120px; height: 40px; border: non
浏览 0
提问于2019-04-11
得票数 3
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
伪元素动画和转换的例子
出色的CSS图像悬停效果汇总
jQuery的15个常用小技巧
隐私防不胜防—让你一手JavaScript又何妨,仅用 CSS实现网页追踪
人人须知的 jQuery 技巧
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券