2011-02-27 49 views
2

有誰知道我怎麼能用jQuery在文本上製作卡拉OK效果? 這是用戶的輸入,只會包含一個單詞。 用戶添加了一些輸入,並且當您單擊添加時,輸入將添加到輸出格。 效果應該顯示在輸出上。它的唯一效果。jQuery如何在文本上製作卡拉OK效果?

jsfiddle.net/cx5jZ

我對你的問題是; 我該怎麼做? 如果是,我該如何讓用戶調整轉換的速度?

+3

這實際上是要用於卡拉OK,還是你只是想模擬視覺效果?我的意思是,通過調整時間,你的意思是指從整個文本變爲藍色,或者整個文本變爲紅色,或者你需要能夠設置基於片段的音節,音節的音節? – 2011-02-27 16:55:51

+0

感謝提問,我只是想模擬視覺效果。輸入不會超過一個字。所以從第一個字符到最後一個字符。所以過渡將是從第一個角色到最後一個角色。 – Opoe 2011-02-27 18:32:35

回答

6

我做到了這一點:http://jsfiddle.net/bPGZT/

+0

這是一個很好的解決方案,你明白我想要什麼,但輸入的輸入來自用戶。它不會超過一個字 – Opoe 2011-02-27 18:38:04

+1

只需稍作更改即可:http://jsfiddle.net/bPGZT/1/。我對卡拉OK一無所知,所以如果沒有任何意義,請耐心等待。 – pimvdb 2011-02-28 00:21:37

+0

這正是我想要的,但輸入(val)必須來自輸入字段,並且當按下提交按鈕時,效果會出現在單詞上。 – Opoe 2011-03-01 10:09:34

3

我做了一個更復雜的例子基於pimvdb的,希望有人發現它有用:d

jQuery Karaoke

喝彩!