我想让不同的类在页面加载时淡入。

请参阅此网页

如您在上面的链接中看到的,有许多正方形以不同的灰色阴影和一些颜色存在。

我想以不同的延迟淡入正方形。 我发现了几篇文章,并发表了有关ID标签褪色的文章,但没有文章在Class标签中褪色。 我可以通过ID来做到这一点,但这意味着要针对每个正方形,因为ID只能影响一个元素。

我想同时影响几个方块。

===============>>#1 票数:0

我建议使用数据属性,例如data-start-color="#CCCCCC"data-end-colordata-over-time="100"data-out-time

然后,您可以对所有正方形使用一个函数。 那样的东西(对不起,我没有在您的页面上对其进行检查):

$('.square').hover(
  function() {
    $(this).stop().animate({ backgroundColor: $(this).data('end-color') }, $(this).data('over-time'));
  },
  function() {
    $(this).stop().animate({ backgroundColor: $(this).data('start-color') }, $(this).data('out-time'));
  }
)

  ask by Steven Humphrey translate from so

未解决问题?本站智能推荐:

1回复

页面加载后如何使该div淡入?

我试图让两个文本框以及三个图像在页面加载后立即消失。 我已经尝试过将jQuery与.onload一起使用,但似乎无法弄清楚。 这是JSFiddle HTML代码 CSS代码
4回复

如何在页面上使用淡入文本/图像

我建立一个小网站,想获得文本(和图像当我添加一个) 淡入当有人访问该网站? 谢谢!
2回复

打开手风琴选项卡时使背景图像淡入淡出并消失

我正在使用该网站,并且添加了两个逐渐消失的背景图像。 这是链接: www.alexarodulfo.com 。 但是,我想看看是否:1)可以使淡入淡出更加微妙,就像它们实际上在加载时逐渐淡入淡出以及它们彼此重叠时一样。 2)每当您打开菜单上的手风琴标签时,都有可能使它们消失,并在它们全部关
1回复

在加载和单击时页面到页面淡入淡出过渡

大家早, 我在网上搜索了此内容,甚至找不到我想要的面包屑。 如果可能的话,css3仅在没有jQuery的情况下才能使用。 1)我希望整个页面在加载时平滑消失 2)当单击导航链接到另一个页面时,我希望整个页面平滑地淡出,然后淡入新页面。 (单独的html文件,而不使用单个
3回复

jQuery:延迟和淡入多个div加载?

我对javascript不太有经验,但是我认为这不是一个难题。 没错,我迷路了,我想知道如何在加载页面时延迟延迟多个div,例如使用Jquery的5-10 div。 以下是我正在使用和需要但已修改的代码,因此我可以加载5个以上的div:
13回复

jQuery如何让图像在加载时淡入?

我想做的就是在页面加载时淡化我的徽标。 我今天是jQuery的新手,我无法设法在加载时淡出请帮忙。 对不起,如果这个问题已经得到解答,我已经看了一眼,并尝试针对不同的问题调整其他答案,但似乎没有任何工作,它开始让我感到沮丧。 谢谢。 码:
3回复

JQuery FadeIn - 淡入背景图像div而不是内容div?

我有一段时间试图弄清楚如何做到这一点: 有关问题的实例,请访问http://webid3.feckcorp.com 。 我想使用JQuery淡入<div id="home_page_back"> (包含主要内容后面垂直排列的灰色背景),但不会淡化其前面包含在<div
2回复

在离开网址时(以及在登陆时)淡出页面

我在这里看到了这种效果-页面在加载时淡入,在链接上淡出...我发现有代码段可以做到这一点。 我到目前为止的代码: ...但是我不知道的是,当您在上面的OneUp主题示例中刷新页面时,页面是如何淡出然后重新进入的? 可能是ajax吗?
2回复

jQuery事件在站点加载时触发一次

我正在尝试仅在用户登陆首页时淡入div一次。 例如,“站点首页标题”在您进入网站时会淡出,您将导航至“关于”,“联系人”页面等,但是当您再次单击主页时,“站点首页标题”不会​​消失在。 所以在div上,我得到了: 所以我的问题是,现在每当您进入主页时,它总是使它褪色……显然,因为
1回复

如何使用Mootools创建外观美观的淡入淡出效果?

我正在为一个想要在其图像上进行精细淡入淡出的摄影师创建一个网站。 我已经排除了Flash作为解决方案,而是希望使用mootools fx的那些精美效果。 但是问题是,在使用javascript时,我真的很烂。 因此,如果有人能给我一个简单的解决方案,以使单个图像加载淡入淡出,并且在加载图像