2回答
导航栏的动画图像
、、、
我正在尝试构建一个导航栏，在悬停/单击时显示一个动画gif作为文本的背景。
例如-我想有一个导航栏只有3个链接-主页，目录和联系。当用户滚动其中一个菜单时，会显示一个动画gif(?)或者发生css/jquery动画，在文本后面出现一个圆圈，然后当鼠标滚动到不同的菜单时，圆圈再次缩小(在那个菜单上也会出现同样的效果)。
有没有人见过这样的东西--有没有可能使用动画gif作为翻转图像--唯一的问题是，当我离开链接时，我无法再次缩小圆圈……
希望这篇文章有意义，有人能帮上忙！
谢谢JD
浏览 2提问于2011-10-05得票数 0
回答已采纳
我使用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回答
当你将鼠标悬停在png上时，我尝试创建一个悬停动画，png是一个在它后面显示一个圆圈的图标。但我不能完成这一点。我认为你需要在:before和:after标签的帮助下做到这一点，但我不确定。我在网上找不到任何好的建议。所以也许你们中的一个能帮我。动画应该如下所示，当您将鼠标悬停在png上时，会在png后面出现一个圆圈，从png开始
已经感谢你的帮助了！
浏览 0提问于2021-04-04得票数 0
2回答
我想实现一个特殊的图像效果使用Adobe Flash (ActionScript3)。
我想一个图像(宽200px，高600px)通过显示不同大小的圆圈(从30px-5px变化)出现在时间线上。
我正在考虑使用一个图像蒙版，并在时间线上创建单独的圆圈，这样当电影播放时，每个随机大小的圆圈，一个接一个，将在结束时显示图像。所以这可能会非常耗时……
有没有人知道更好的方法来达到这个效果？另外，有没有人知道任何闪光图像效果助手一般，我正在寻找类似的东西，如绿色的袜子，除了图像效果…
非常感谢您的帮助！
干杯，杰西
浏览 0提问于2011-04-27得票数 0
1回答
我正在用html5和css3做一个按钮。我正试图为我的按钮制作一个像这样的悬停动画。
当鼠标悬停在按钮上时，白色圆圈从中心展开，圆圈内的按钮文字以黑色字体颜色显示(以使其更易读)。我试图在按钮中放一个div，但是我无法将黑色文本放在与按钮文本相同的位置。
浏览 3提问于2014-02-02得票数 1
回答已采纳
我尝试在使用dc.js构建的时间序列图中突出显示圆的颜色。我在网上找到的关于SelectAll()方法的解决方案很少。但它会选择所有的圆圈，而不是我鼠标经过的特定圆圈。
chart.selectAll("circle")
.style("fill", "orange")
有没有人可以帮助我如何在dc.js中鼠标悬停的圆圈上应用颜色
浏览 6提问于2018-02-16得票数 1
1回答
我需要模糊渲染，但不是整个，只需要片段。冻结的“玻璃”形状将溢出( WebGl动画上的SVG动画透明形状)。问题是局部冻结效应。一些特效composer或者context.readPixels + FastBlur.js或者css +蒙版是否有意义？谢谢你的帮助。
浏览 5提问于2014-02-10得票数 1
总的来说，我对Javascript & jQuery很陌生。我有以下简单的jQuery代码片段，可以更改/动画圆的宽度：
<script type="text/javascript">
$("#circle").hover(function() {
$(this).animate({width: "100%"}, 3000)
},function() {
$(this).animate({width: "100px"}, 3000)
});
</sc
浏览 1提问于2014-09-17得票数 4
回答已采纳
1回答
我在d3.js (fiddle)中的一个简单动画中遇到了问题 我的目标是当鼠标悬停在红色方块上时，圆圈向下移动50个像素。 当光标悬停在红色方块右上角/左上角的圆上方时，圆将平滑过渡。但是，当我的光标悬停在红色正方形左下角的圆圈内或圆圈下方时，圆圈要么停止移动，要么根本不移动。 我想这与我的动画功能有关。 function mouseOverLogo() {
cir.transition()
.duration(2000)
.attr('transform', 'translate(0, 50)');
}
function mouseOutLogo() {
浏览 33提问于2020-12-29得票数 1
回答已采纳
1回答
循环元素没有访问
、、
我希望用d3制作圆圈动画。我想显示圆圈在鼠标悬停上生长。为此，我使用了以下代码。代码运行时没有错误，如何不产生任何圆圈动画。如果我做错了任何建议。请看下面的代码
var vis = d3.select(e).append("svg")
.attr("width", svgwidth)
.attr("height", svgheight);
var circles = vis.selectAll("circle").data(sampleData);
var circleEnter=circles.ente
浏览 2提问于2015-12-18得票数 0
回答已采纳
4回答
我有一个简单的旋转木马来显示一些图像。正如你所期望的那样，旋转木马每x秒自动旋转一次。
我目前有一个div，我在x秒内对宽度进行动画处理，以显示进度。这允许用户查看他们必须等待多长时间才能显示下一个图像。当用户将鼠标悬停在图像上时，进度条会缩小。当他们鼠标移出时，它又开始填满了。
然而，与其使用无聊的条形图，我想尝试使用一个圆圈。有点像你在加载ajax时看到的一个旋转的圆圈。我不知道该怎么做。
有人能帮上忙吗？这有可能吗？
浏览 2提问于2010-06-19得票数 4
回答已采纳
1回答
淡出页面背景并播放动画
、、、
我有一个html页面，其中我使用Raphael JS库在Raphael画布上绘制了一些矢量。所以，这是我面临的一些困惑的场景。
在开始的时候，我的html页面上需要有一个圆圈，带有一个click事件处理程序。点击圆圈应该会淡出页面的其余部分，并播放一些带有圆圈的动画。我现在可以播放动画，但是我如何淡出剩下的部分，以便只有圆和它的动画在页面上突出显示？
浏览 1提问于2012-11-30得票数 0
回答已采纳
好的，我有4层。动作、按钮、圆圈和背景。我在buttons层上有三个按钮，每个按钮都应该在鼠标悬停时填充circle层中显示的圆。我遇到的问题是，当我将鼠标悬停在按钮上时，翻转动画会被其他按钮中的一个或两个按钮部分覆盖，这取决于它们在排列中的位置。我需要以某种方式将正在滚动的任何一个移动到前面或新的层。
至于编码..。我完全删除了我所有的代码。它是：
on(rollOver)
{
this.swapDepths(1000);
}
在每个按钮上
浏览 1提问于2013-11-24得票数 0
1回答
我是附加一些文本到D3.js的圆，并希望圆改变颜色鼠标悬停，也在鼠标悬停在文本上。
目前鼠标悬停时，圆圈确实会改变颜色，但是当鼠标悬停在文本上时，圆圈鼠标悬停不再起作用(逻辑上:我悬停在文本上)。如何让圆圈在悬停在文本上时也改变颜色？
我的代码(gnode是之前定义的圆)：
var label = gnode.append("text")
.text(function(d) { return d.key ; })
.attr("font-size", function(d) {return 12 + d.value[0]/4})
.att
浏览 1提问于2014-08-05得票数 0
我在传递子组件中的事件处理程序时遇到了Framer Motion的问题。 下面的沙盒：https://codesandbox.io/s/framer-motion-svg-checkbox-forked-vgrre?file=/src/Example.tsx 预期的行为是，当我将鼠标悬停在黑色圆圈上时，会出现一个胶囊形状的图标。当我将光标移出圆圈时，胶囊形状图标将消失。在上面的示例中，如果我将onMouseEnter和onMouseOut放在CircleBackground组件中，它们将不起作用。但如果我将它们移动到上，那么当悬停在svg容器上时，胶囊形状图标将会出现。但是这样做的目的是让胶
浏览 9提问于2020-08-26得票数 1
1回答
有没有可能做一个圆圈导航器？例如，一个圆被分成4个，每个部分都有不同的链接，对吗？
另外，如果可能的话，我可以在鼠标悬停时给它们添加动画或颜色改变吗？tnx..。
浏览 2提问于2013-03-05得票数 1
回答已采纳
这是一个非常奇怪和基本的问题，但我似乎找不到为什么它会这样表现。
基本上，这是一段在屏幕上显示圆的代码，当我的鼠标悬停在圆上时，函数应该使用If语句，而不是Else语句。
当我试图运行它时，当我的鼠标悬停在一个圆圈上时，它会显示以下内容：
4309canvas.js:151 else false
canvas.js:127 if true
99canvas.js:151 else false
canvas.js:127 if true
99canvas.js:151 else false
canvas.js:127 if true
99canvas.js:151 else false
canv
浏览 4提问于2019-11-27得票数 2
回答已采纳
我正在尝试制作一个SVG动画与直线和圆。线应该是动画的，圆应该相对于线的高度移动。这条线应该在div的底部开始，动画之后，它应该实现与圆圈的div广告的顶部，然后应该动画到底部，再次从下到顶，从上到下所有的时间只有一个例外-如果用户悬停在圆圈上，如果用户鼠标悬停在圆圈上，它应该在停止时开始。 div {
height: 100px;
} <div>
<svg xmlns="http://www.w3.org/2000/svg" width="171" height="728" viewBox="0 0 171
浏览 45提问于2020-12-15得票数 0
1回答
我看到了很多时间线的JS示例，但我想表示连续/循环的数据。我想做的是在一个圆圈上显示4个“季节”，突出显示当前日期所适用的圆圈部分，并可能具有一些交互/鼠标悬停功能来显示更多信息。
我附上了一张简单的图表。我是一个新手，但我已经和JS打交道很久了，如果我有一个通用的模板，我可以让它为我的目的而工作。
有谁知道JS脚本可以支持这一点，或者实现这一点的最好方法是什么？我猜测圆圈上必须有日期“映射”，所以动态数据将是日期，但脚本将知道圆圈的哪一部分对应于哪个日期。
我见过一些可以做类似事情的仪表，比如google gauge在他们的图表API中，但是没有足够的灵活性。
非常感谢！
浏览 1提问于2013-10-24得票数 0
1回答
我有两个圆圈，一个是小的(拇指)，另一个是大的(信息)，当用户将鼠标悬停在小的(拇指)上时，小图标需要调整到大的。我还需要在大图中显示新的信息。我想我必须通过宽度和高度动画来做这件事，因为小的是100px x 100px，而大的是200x200大小。
请建议最好的方法做这件事。我想避免使用插件。
浏览 0提问于2011-03-04得票数 0
为一个备受瞩目的客户做一些jQuery动画，这些动画必须在午餐前完成
基本上，我要做的是在对象悬停时重复地在360度圆圈中设置动画，并在鼠标离开时将动画返回到起始点。
我使用的是Jquery旋转插件
我已经让它在鼠标悬停时动画，然而，无论我如何努力，都不能让它在鼠标移出时停止动画-我目前正在尝试让它配合-这是我当前的代码，我错过了什么？！？！
function rotation(){
jQuery("#merm").rotate({angle:0, animateTo: 360, callback: rotation });
}
jQuery
浏览 0提问于2012-03-01得票数 1
回答已采纳
我有一组拉斐尔路径，当一个单独的路径悬停在上面时，我想要设置它们的动画。
客户发来了一张SVG插图，我把它转换成了拉斐尔的代码。这只是大图中的一小部分。
我正在尝试做的事情如下：
从一行中的一组path对象开始。当您将鼠标悬停在红色路径上时，它们会以螺旋形式显示动画，直到形成
我做了一些研究，我想我必须沿着一条隐藏的路径为每个圆制作动画，该路径描绘了它们必须移动才能到达最终螺旋形状()的弧线，但我不确定这是否是创建此动画的最有效方法。
最重要的是，我真的不确定如何计算圆圈将遵循的隐藏路径的角度和大小。创建此动画的最佳方式是什么？
谢谢!
浏览 0提问于2013-03-05得票数 2
4回答
如果我用jQuery创建一个函数，添加一个空的div，在这个div创建的空白空间中执行一些动画，然后删除这个div，浏览器永远不会为空的div腾出空间(设置了高度和宽度)。
如果我没有删除函数中的空div，那么浏览器将创建所需的空间，一切都会正常工作。但是，我真的需要在动画完成时删除div创建的空格。
有没有办法让div removall排队，这样浏览器就会显示出所需的行为？
浏览 2提问于2008-10-02得票数 2
如果我画一个圆，然后像这样做动画--一切都会正常工作：
var s = Snap(200,200);
var c = s.circle(100,100,100);
c.hover(function(){
c.animate({fill:"red"}, 500, mina.easeinout);
}, function() {
c.animate({ fill:"black" }, 500, mina.easeinout);
});
它在悬停时将颜色更改为红色，而在“取消悬停”时，它将恢复为黑色。但是如果我将第二个函数( unh
浏览 5提问于2016-07-12得票数 0
回答已采纳
1回答
在我的视图控制器中，我将titleView设置为一个UIView，其中包含一个UIImageView，该UIImageView在其层上使用setCornerRadius构成一个圆圈。
圆圈的上半部位于导航栏上方，下半部位于视图上方，如下所示：
现在，当我按下这个视图控制器，当它在动画中时，圆圈的下半部被切断，直到动画完成。只显示肚脐中的部分，如下所示：
一旦推送动画结束，整个圆圈就会显示出来。在动画发生时，我是否可以阻止导航栏屏蔽/切断titleView，以便在动画期间显示整个圆圈？
浏览 2提问于2013-11-12得票数 3
回答已采纳
3回答
我目前正在使用phonegap开发一个android应用程序。我有一个html5画布，我可以在上面绘制和动画对象。它在android 2.3上运行得很好，但是在android 4+上它不会重新绘制画布。我尝试为我的动画使用kinetic.js和easel.js/tween.js，但这两个库都出现了不清除画布的问题。我经历过一些在画布上显示和隐藏div的成功，但它并不总是有效。我只能假设这是一个android 4+特有的bug，或者是某种增强html5画布性能的功能。
谁知道在android4或javascript中有没有一些我可以修改的设置或者我可以调用的方法，可以让我在动画过程中强制重绘我的
浏览 1提问于2012-10-10得票数 6
1回答
我试图使用SVG和D3.JS创建奥林匹克徽标(五个圆圈)，方法是从JSON数据中获取圆形属性，然后通过动画将一些动画分配给圆圈，可能用最后一个圆圈交换第一个圆圈。我已经完成了一半的代码，但是我对如何访问圆圈和添加一些transitions.my代码感到惊讶。
浏览 1提问于2016-03-25得票数 1
回答已采纳
在我的d3js应用程序中，当用户将鼠标悬停在特定的圆圈上时，我会将其放大。这没问题。同时，我想选择“所有其他的”并使它们更小。什么是一个好的查询来抓取“所有其他的圆圈”？
浏览 1提问于2013-02-23得票数 4
1回答
通过创建一个新实例(请参阅javascript文件中的第58行)，我用p5.js创建了两个单独的画布。然后，我插入了一个名为"firstAnimation“的函数，它将显示在其中一个画布中。
在这里运行代码-->
在我的javascript文件p5.js的第45行中，p5.js告诉我我的函数"secondAnimation“不存在。所以我不能在这个画布上输出另一个动画。
在第49行中，我仍然可以用sketch.circle(100,100,100)在第二个画布中画一个圆圈。
如何在第二个画布中显示我的第二个功能，使我有两个动画？
我只能加一个简单的圆圈
浏览 5提问于2022-02-09得票数 0
回答已采纳
4回答
首先，我使用d3.js在数组中显示不同大小的圆。在鼠标悬停时，我希望鼠标所在的圆圈变得更大，这是我可以做到的，但我不知道如何将它带到前面。目前，一旦它被渲染，它就隐藏在多个其他圆圈后面。我该如何解决这个问题呢？
下面是一个代码示例：
.on("mouseover", function() {
d3.select(this).attr("r", function(d) { return 100; })
})
我尝试使用排序和排序方法，但它们不起作用。我很确定我没有做对。有什么想法吗？
浏览 0提问于2013-01-05得票数 66
回答已采纳
我正在尝试在我的按钮上创建工具提示。我已经写了下面的代码，它在鼠标悬停时给出了一个小圆圈，但它消失了原来的圆圈。有没有办法让我在鼠标悬停时按住大圆圈并显示小圆圈？
<style>
#item
{
background-color: red;
border-radius:50%;
width:100px;
height:100px;
position:absolute;
top:50px;
}
#item:hover
{
浏览 2提问于2014-06-18得票数 0
2回答
所以我已经和D3.js混了几天了，我有基本的圆圈生成/动画(就像泡泡一样)，我想知道我如何能在x轴上将圆圈动画化，所以它们在页面顶部的移动/过渡过程中来回摆动。当前的动画可以在上查看
浏览 5提问于2013-12-22得票数 4
回答已采纳
NVD3的交互层有圆圈/点，当鼠标悬停在图表上时，这些圆圈/点可以突出显示折线图的线条上的一点。有没有办法改变那个圆圈的大小？我的目标是让它变得更小。
这就是我所说的圆圈。
浏览 1提问于2017-04-11得票数 0
3回答
我正试着淡出
鼠标悬停和鼠标淡出时淡出：
$("p.follow").mouseover(function(){
$(this).fadeTo("slow", 1.00);
})
$("p.follow").mouseout(function(){
$(this).fadeTo("fast", 0.50);
})
如果你去ryancoughlin.com，在右边，如果你看过它，你就会明白我的意思，它几乎就像是卡住了，一直在淡出。
有什么想法吗？
浏览 0提问于2008-11-23得票数 1
回答已采纳
我正在自定义磁主题，我在list.phtml文件上工作，通过在list.phtml文件开头包含在线jquery文件来显示主页上特定类别的所有产品，但是主页子类别没有显示悬停效应，可能会与另一个js冲突。如果我从list.phtml文件中删除脚本，那么子类别将显示在悬停效果上，但是动画效果会消失。如果我从list.phtml中删除脚本，那么鼠标悬停效果上显示的子类别，但是动画不会.我下载了js文件，但不知道把这个文件放在文件夹结构中，所以我的动画效果和悬停效果都很好。
浏览 5提问于2015-01-30得票数 0
回答已采纳
我想使用idb包在ngrx中设置初始状态，该包使用promise来获取数据，但每次尝试设置它时都会遇到错误。我读到@ngrx是同步的，这是否意味着它不能与promises一起工作。我尝试过的不同方法如下：
这是我的idb包装器方法，它可以很好地加载数据
export function getInitialState(): Promise<any> {
return StorageService.dB.loadInitialState('app-state');
}
我尝试过的不同方法设置了初始状态
方法:1
StoreModule.forRoot(reducer
浏览 16提问于2017-12-09得票数 4
回答已采纳
我有以下动画：
我希望包含ETH / USD动画的圆圈围绕所有这些圆圈的中心点旋转，但是文本本身我想保持完全水平。我该怎么做？
如果有帮助，我将使用svg.js库()
浏览 0提问于2018-05-23得票数 0
回答已采纳
1回答
Hyphotesis
我在路径上有一些圆圈(见图中的开始形状)，他们需要动画到另一条路径(图中的结束形状)。
动画必须执行几个操作：
- move the entire shape to the new position
- change the path
- decrease all circle radii
数字：
问题
Raphael.js知道如何将圆圈从原来的坐标动画到最后的坐标，也可以改变半径。因为动画没有像最初的和最后的那样运行在类似的路径上，所以动画看起来不太好。圆圈从x1，y1到x2，y2成直线。
我试过什么
做直进动画，从头到尾移动圆圈，改变半径.就像
浏览 5提问于2012-03-22得票数 5
3回答
如果我用Java2D画一些圆。当我将鼠标悬停在任何一个圆圈上时，有没有办法显示一些文本？也就是说，我想要显示那个圆圈的ID和其他一些东西。
浏览 0提问于2009-12-03得票数 2
1回答
我想知道是否有可能像在传单上使用D3.js那样在圆圈/精灵上做流畅的动画
对于一些圆圈，D3工作得很好。然后浏览器崩溃。我对Pixi.js完全陌生，我想应该改变规模。我设法改变了它，但一点也不顺利。有类似于D3.js的动画吗？
我正在尝试Leaflet.PixiOverlay插件，使用它作为编写代码的参考，谢谢
浏览 1提问于2019-03-12得票数 0
1回答
我有一个HTML-5画布，其中有一个圆圈，是动画。请参阅以下JS代码。
function doFirst(){
canvas = document.getElementById('myCanvas');
context = canvas.getContext('2d');
centerX = canvas.width / 4;
centerY = canvas.height / 4;
radius = 20;
dy=4;
drawCircle(centerX,centerY,radius);
myVar=s
浏览 3提问于2013-02-04得票数 1
我正在尝试让这个文本在鼠标悬停时显示，但它不工作，有人能给我一些见解吗？文档中有多个圆圈，我希望每个圆圈都能在鼠标悬停时显示上方的文本。当前表单应该到处显示“hello”，但什么都没有。
d3.selectAll("circle")
.on("mouseover",function(d){
var x = parseFloat( d3.select(this).attr("cx") );
var y = parseFloat( d3.select(this).attr("cy") );
d3
浏览 0提问于2013-06-14得票数 6
1回答
在我的活动中，当用户操作成功时，我希望显示一个圆圈，该圆圈从中心到外部动画显示为启动颜色，然后消失，像以前一样显示内容。如何实现此启动动画？
浏览 19提问于2018-06-28得票数 0
1回答
我正在学习Vue.js，作为练习，我正在开发一个SPA。我通过组件递归地添加一些图标作为imgs。(为了关注这个问题，省略了很多代码)
Vue.js
Vue.component('icon', {
template:
'<img id="logo-icon" v-on:mouseover="animation"
class="platform_button" width="50" height="50"
src="../assets/img
浏览 1提问于2017-06-08得票数 3
回答已采纳
对于轻量级和重量级组件，有没有好的覆盖组件库？
即使使用最高不透明度设置，也可以使用JLabel实现此目标吗？
覆盖组件需要放置在组件的任何部分上并显示文本。
类似于可覆盖组件。我不确定许可证是否允许您将其用于商业目的。
如果有动画和特效支持，比如淡入、淡出、抖动等，那就好了。
浏览 0提问于2011-11-27得票数 1
回答已采纳
1回答
我使用，很难让我的饼加载动画只运行一次。
我希望动画的顺序是：
圆圈未显示
圆圈开始充满了边框颜色。
圆圈被填满了
圆圈保持填充(不重复)
<div class="wrapper">
<div class="pie spinner"></div>
<div class="pie filler"></div>
<div class="mask"></div>
</div>
我们会感谢你的帮助！
浏览 0提问于2018-03-12得票数 3
回答已采纳
我是html和javascript的新手，我正在尝试创建一个带有圆圈的表格，当你将鼠标悬停在圆圈上时，它会显示一个工具提示，里面有一个日期(圆圈代表事件)我在html中使用了以下代码来创建圆圈： <td><svg width='50' height='50'><circle cx='2' cy='2' r='2' fill='#ff8B45' /></svg></td> 有人能告诉我如何向圆圈添加工具提示吗？
浏览 17提问于2021-10-11得票数 0
回答已采纳
演示：
当鼠标悬停在方块上时，会显示一个大圆圈延伸到方块之外。如何使圆圈变小或其他方法重塑圆圈？当然，如果我将plotOptions.series.states.hover.enabled设置为false可以隐藏圆，但在这种情况下，我不能设置borderWidth，color.e.g。
似乎在热图中没有marker属性。
谢谢!
浏览 0提问于2014-09-04得票数 0
3回答
我在找一种用于导航的滑动特效。但在我看来，jQuery的幻灯片效果有点奇怪，或者说不太符合我的需求。当我应用slideDown，slideUp，toggleSlide效果时，列表项就会出现，但不是动画效果(容器只是动画效果)。我也想让列表项有动画效果。
我找到了一个这样的例子：
如果有人能帮我，我会很感激的。
你的如实
浏览 4提问于2010-04-04得票数 1
回答已采纳
1回答
因此，我使用Fabric JS来制作圆的动画，如下所示：
var clickedPulse = new fabric.Circle({
radius: 5,
fill: 'rgba(0,0,0,0)',
stroke: 'rgba(0,0,0,0.7)',
strokeWidth: 3,
left: options.e.layerX,
浏览 52提问于2017-06-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
