2011-12-09 4 views
1

私はいくつかのデータを持つテーブルを持っています。テーブルにはネストされたtdsがありますテーブルhtml要素を回転できるjqueryローテーション

<table> 
<tr> 
<td> 
xxx 
</td> 
<td> 
xxx 
</td> 
<td> 
xxx 
</td> 
... 
</tr> 
</table> 

今、私はこのtdsを回転させるjqueryの回転プラグインを探しています。誰もがテーブルtdsを回転させることができる良いjquery回転プラグインを知っていますか?そしてあなたがマウスでtdを見ていると、それは止まります、私はグーグルではありますが、私はこのようなものを見つけることはできません。

| xxx1 | | xxx2 || xxx3 || xxx4 || xxx5 || xxx6 || xxx7 || xxx8 || xxx9 || xxx10 |

このテキストは次のようになります

| xxx11 | | xxx12 || xxx13 || xxx14 || xxx15 || xxx16 || xxx17 || xxx18 || xxx19 || xxx20 |

のように...

はあなたが私はこれがあなたが求めているものだと思います

+0

「スクロール」とはどういう意味ですか?あなたはスクロールバーがテーブルの左右にナビゲートできるようにしたいですか?または、それを望みますが、マウスをエッジの近くに置くと自動的にスクロールしますか?または何? – VoteyDisciple

+0

私は回転を意味する申し訳ありません...私は40のtds(画像付きのテキスト)が何度も何度も回転することを望みます。メインページでは10個しか表示できないので、40個、60個、または多分さらに多くのtdsを回転させる必要があります。 – senzacionale

+2

これは回転のようには聞こえません(45度の角度でテキストを描くような感じです)。私はあなたが探している用語は "スクロールマーキー"だと思う。 – dthorpe

答えて

2

私は、dthorpeに言及されているようなプラグインを使用します。あなたがあなた自身を構築したい場合は、ここで起動することができます:それはスクロールするでしょうhttp://jsfiddle.net/rkw79/Yde6w/

var w = $('#data').width(); 
$('#data').animate({left: -1*w}, w*10); 

が、あなたはそれが完了すると、アニメーションを再起動する必要があります。そのロジックをjQuery拡張関数にカプセル化するのは非常に簡単です...しかし、その時点で、既にテスト済みのプラグインを使用することもできます。

+0

アイデアのためのthx rkw – senzacionale

+0

クールな男、本当のマーキーのように何度も回転させることができますか? –

+0

@SurjitSamra:ええ、それをループに入れてください。余分なコード行はキャッシュ用です:http://jsfiddle.net/rkw79/Yde6w/2/ – rkw

関連する問題