【问题标题】:jQuery How to make an karaoke effect on text?jQuery 如何在文本上制作卡拉 OK 效果?
【发布时间】:2011-07-05 07:16:45
【问题描述】:

有谁知道我如何使用 jQuery 在文本上制作卡拉 OK 效果? 它是用户的输入,仅包含一个单词。 用户添加了一些输入,当你点击添加时, 输入添加到输出 div。 效果应该出现在输出上。只是效果而已。

jsfiddle.net/cx5jZ

我的问题是; 我该怎么做呢? 如果是,我怎样才能让用户调整过渡的速度?

【问题讨论】:

  • 这真的是要用于卡拉OK,还是只是想模拟视觉效果?我的意思是,通过调整时间,对您来说只是意味着从整个文本为蓝色到整个文本为红色的过渡,或者您是否需要能够逐个音节设置持续时间段?
  • 谢谢提问,我只是想模拟一下视觉效果。输入不会超过一个单词。所以从第一个字符到最后一个字符。所以过渡是从第一个字符到最后一个字符。

标签: jquery text colors transition


【解决方案1】:

这是我编的:http://jsfiddle.net/bPGZT/

【讨论】:

  • 这是一个很好的解决方案,你明白我想要什么,但输入来自用户。不会超过一个字
  • 只需稍作改动:jsfiddle.net/bPGZT/1。我对卡拉OK一无所知,所以如果这没有任何意义,请多多包涵。
  • 这正是我想要的,但是输入(val)必须来自输入字段,当按下提交按钮时,效果会出现在单词上。
  • jsfiddle.net/cx5jZ用户添加了一些输入,然后当你点击播放的时候,效果应该会出现在输入上
  • 我明白了,但是您希望每个字符之间有一个固定的时间间隔(例如 1 秒)吗?我的示例在字母/单词之间使用不同的时间间隔。因为用户还必须提供间隔。
【解决方案2】:

我根据 pimvdb 做了一个更复杂的例子,希望有人觉得它有用 :D

jQuery Karaoke

干杯!

【讨论】:

    猜你喜欢
    • 2016-09-13
    • 1970-01-01
    • 2017-04-14
    • 1970-01-01
    • 2023-03-07
    • 2016-05-13
    • 2019-04-20
    • 2021-08-31
    • 2012-08-29
    相关资源
    最近更新 更多