这对我来说是新的,我不知道该怎么处理。
页面上有一个标志,使用过渡效果更改其大小和颜色,并由HTML底部的以下代码触发:
document.onload="initialize()"
setInterval(function(){
setTimeout(function(){
$('#path1').css('transform','scale(.95)');
$('#path2').css('transform','scale(.95)');
$('#path2').css('fill','#F7A700');
}, 2000);
$('#path1').css('transform','scale(1.05)');
$('#path2').css('transform','scale(1.00)');
$('#path2').css('fill','#FFCF55');
}, 4000);
这将启动过渡并协调更改svg路径的颜色。在单独的脚本页面上,有一个确定当前页面滑块的函数,我需要为特定页面更改#path2
的css填充。我尝试了if...else
语句,将setInterval()
函数移动到同一页,等等,但是没有任何东西可以让我在setInterval()
函数中覆盖填充颜色。
修改:它包含在html中,并且有一个包含所有其他功能的单独js页面。因此,我认为这可能与此有关,但现在我明白它正在无限循环中运行,因此我尝试进行的任何更改都将被覆盖。这是一个具有多个路径的svg徽标,在主页幻灯片上,其中一个路径需要是白色,所有其他页面幻灯片都保持不变。只有一个html页面,并且内容在滑块上滑动。不确定我是否解释得更好了。我正在使用别人编写的现有代码,因此我正在尝试使用我所拥有的工作,但也许有更好的解决方案来运行它?也许通过css?我需要在窗口或文档加载时加载它并无限运行,但需要能够修改其css。我必须使用css变换来设置它。