これは私が得ることができるのと同じくらい簡単です。
次のような方法で、いくつかのスパンを画面上にランダムに配置します。
$(".hidden:first").css('-webkit-transform','rotate('+((0.5-Math.random())*40)+'deg)');
$(".hidden:first").animate({
left: '+=' + (((screen.width-800-224)/2) + Math.random()*800),
top: '+=' + (50+Math.random()*600)
} [...]
後で、これらのすべての要素 (ランダムに配置され、ランダムに回転する) のすべての文字を反復処理したいと思います。また、色付けできるように、画面上のすべての文字の (x,y) 位置を検出する必要があります。それは、特定の関数に従って特定の描画を形成します。
これは簡単に達成できますか?スパン自体の (x,y) ではなく、スパンの各文字の (x,y) 位置が必要であることを思い出してください。私はJavaScriptに本当に不慣れです。
編集:自分の質問に答える:現在、すべての文字を a 内にラップし<span>
、後でjquery.offset().left
を介してアクセスすることで、必要なことを行うことができました。.offset().top
そんなに悪いですか?:P
ありがとう。フェルナンド。