javascript - FadeIn/FadeOut 网站的两种背景

标签 javascript jquery

我在 themeforest 上发现了一件非常好的东西。但是,除了 jquery 背景随机播放之外,我对其他任何东西都不感兴趣。

http://themeforest.net/item/launch-pad-full-screen-image-under-construction/full_screen_preview/473421

我想买它,但后来我注意到那个人把所有脚本都放在一个 .js 中,所以我不太明白要删除所有这些。

但是...我想知道是否有人可以帮助我制作类似的东西,而无需像预览网站上那样的任何选项。

我只想让这个淡入淡出效果和两个图像在 6 秒之间随机播放。听起来很容易制作,但并非没有知识。

我会继续搜索是否存在类似的东西,在此先感谢。干杯。

最佳答案

这里记录了 JQuery 的淡入功能: http://api.jquery.com/fadeIn/

我会这样做:

  1. 创建新图像
  2. 使用 JQuery.hide 隐藏它
  3. 将其插入文档中与旧图像完全相同的位置,使其位于旧图像之上。
  4. 在新图像上调用 .fadeIn
  5. 在我传递给 .fadeIn 的回调例程中,我删除了下面的图像,这样图像就不会无限期地堆叠并耗尽浏览器资源

关于javascript - FadeIn/FadeOut 网站的两种背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12265237/

相关文章:

javascript - 从 asp.net 3.5 升级到 asp.net 4.0 会导致某些回发出现 javascript 错误

javascript - 您可以在 Firefox 上暂停离线音频上下文吗?

javascript - 通过使用 react-select 映射对象数组来生成选项

javascript - 焦点文本字段检查它是否是数字

javascript - Jquery,通过 get 方法警告 onclick 数据不起作用

javascript - 使用切换键绑定(bind)和取消绑定(bind)

javascript - jquery 映射数组在迭代器中返回 NaN

javascript - 如何从javascript中的两个json数组中获取不匹配的对象

javascript - 使用 JQuery 删除基于父类的子元素

javascript - 无法在 Jquery 中设置 null 的属性 'innerHTML'