はてなブックマーク - HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」

HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog

clockmaker.jp

タグ : html5 javascript Canvas js jquery HTML web制作ライブラリ javascript.lib web

コンピュータ・IT 117 users

Flashでよく見かけるテキストシャッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんｗ)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンとHTML5の新要素Canvasを使うバージョンの二種類を用意しました。 demo (HTMLエレメント版) demo (Canvas版) Canvas版のほうはHTML5対応ブラウザ(ChromeやSafari、Firefox)限定となりますが、HTMLエレメント版のほうはブラウザの対応範囲が広くIE6でも動作します。ソ... > このページを見る

最終更新時間: 2012年02月08日09時13分

▼ブログで紹介する

みんなのブックマーク人気（6）新着

ProjectNya
Flashより速いんじゃ... 2012/02/07
narutohyper
時計職人がHTML5に真剣になってきた！ 2012/02/07
a-24
オンマウスでテキストがシャカシャカシャカってなるやつ 2012/02/075 RT

5 RT
uzulla javascript.lib
Flashの定番演出を、HTML+JSで。 2012/02/07
fumix-hat javascript
HTMLエレメント版の方はそのまま使っても良いけど、プレーンなjsなので中身みて（短いし）jsの書き方の勉強したい。 2012/02/07
itsuki_kosen
jsでflashぽいことしてみる第3弾 2012/02/07

h_gagapapar
html5　テキストシャッフル 2012/03/27
pypupypa テキスト, エフェクト
テキストのシャッフル 2012/02/09
s5-style JS, 拡張機能
文字列がランダムで切り替わる演出 2012/02/09
unirun
canvas版のデモはこれかな？Chromeだと正常に表示されない。んで案外重いな。 http://clockmaker.jp/labs/120203_html5_shuffletext/canvas.html 2012/02/08
sw_lucchini javascript
テキストシャッフルライブラリ 2012/02/08
melo1029 Canvas, html5, javascript, canvas, js
Flashでよく見かけるテキストシャッフル演出 2012/02/08
warriorking Web, HTML5
HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog 2012/02/08
style_blue html5, javascript
これはすごいカッコイイけど使い道が見つからないｗ 2012/02/08
itsuki_kosen
jsでflashぽいことしてみる第3弾 2012/02/07
hootoo3 a
10000円確認お願いします！ 2012/02/07
narutohyper
時計職人がHTML5に真剣になってきた！ 2012/02/07
akirafukuoka
HTMLで文字シャッフルエフェクト。さすが…!! 2012/02/07
uzulla javascript.lib
Flashの定番演出を、HTML+JSで。 2012/02/07
a-24
オンマウスでテキストがシャカシャカシャカってなるやつ 2012/02/075 RT

5 RT
fumix-hat javascript
HTMLエレメント版の方はそのまま使っても良いけど、プレーンなjsなので中身みて（短いし）jsの書き方の勉強したい。 2012/02/07
yasu-log
［B!］HTML5でFlashのようなテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」を作成しました 2012/02/07
ProjectNya
Flashより速いんじゃ... 2012/02/07