0

私の友人は JavaScript の助けを必要としています。私は少し (少し) 知っているので、彼を助けることにしました。しかし、私はこれに空白を描いています。

script.aculo.us を使用してマルチスライダーを作成します。スライドハンドルが機能するようになりました。左右に動きます！とにかく、各ハンドルが配置されたら、2 つのハンドルの位置に対応するテキストをプレビュー フィールドに表示する必要があります。

彼が私に提供してくれたデモビデオがあります：

http://www.youtube.com/watch?feature=player_embedded&v=D0V4P8q5G-E

そして、HTML と CSS を含む zip アーカイブをくれました。script.aculo.us Web サイトから JavaScript ファイルを入手しました。

とにかく、ここに私がこれまで持っているものがあります：

http://dnescripts.com/slider/

デモビデオに見られるように動作させるために、誰かが私を助けたり、正しい方向に向けたりできますか? それは大歓迎です。

4

1 に答える 1

0

それはかなりクールに見えます。ここまでは順調ですね！

サンプル テキストの各文字を で<SPAN>囲み、各 SPAN の x 位置を計算する必要があります (LOAD で実行し、値を配列に入れます)。次に、ポインターの位置を文字の x 位置と比較する必要があります。次の位置に「スナップ」するには、それらを丸める必要があります。そこから、開始スパンと終了スパン、およびその間の関連テキストを知る必要があります。

等幅フォントを使用すると、これがはるかに簡単になります。その後、スライダーに事前定義された範囲と停止を使用できます。

于 2012-04-26T19:10:22.167 に答える