|
|
新着サンプル
行数:
|
◆ 円グラフのスライスを1秒間隔で順番に抜き出す
(#1)
このサンプルは、Google Visualization APIを利用して日課の時間割を円グラフで作成します。ここでは、円グラフのスライスを1秒間隔で抜き出しています。
|
◆ 円グラフの特定のスライスを抜き出す v2
(#2)
このサンプルは、Google Visualization APIを利用して日課のタスク別時間割を円グラフで作成します。ここでは、「仕事」と「睡眠」のスライスを円グラフから抜き出しています。
|
◆ Google Visualization APIで円グラフを作成
(#3)
このサンプルは、Google Visualization APIを利用して日課の時間割を円グラフで作成します。円グラフのスライスをクリックするとツールチップにタスク、時間、%が表示されます。
|
◆ jQueryのspriteプラグインでカラスと背景を移動させる V3
(#4)
このサンプルは、jQueryのspriteプラグインを利用して背景とカラスを同時に移動させます。背景はpan()メソッドで移動させます。カラスはsprite()メソッドで表示します。カラスをランダムに移動させるには、spRandom()メソッドを使用します。これでフラッシュライクな効果を適用できます。
|
◆ jQueryのspriteプラグインでカラスをランダムに移動させる v2
(#5)
このサンプルは、jQueryのspriteプラグインを利用してカラスをランダムに移動させます。カラスをランダムに移動させるには、spRandom()メソッドを使用します。
|
◆ jQueryのzoomImageプラグインでイメージをズームインする
(#6)
このサンプルは、jQueryの
ZoomImage
プラグインを利用してイメージをズームイン/ズームアウトします。サムネイルにマウスを移動してクリックするとズームインします。この状態でイメージを切り替えるには、左右の矢印ボタンをクリックします。ズームインした状態でイメージをクリックするとズームアウトします。
IEを利用しているときは、「このサンプルを編集して試してみる」をクリックして新規ウィンドウからご覧ください。
|
◆ Google AJAX Language APIを利用して外国語を日本語に翻訳する
(#7)
このサンプルは、Google AJAX Language APIを利用して外国語を日本語に翻訳します。サンプルのテキストエリアに任意の外国語を入力したら[外国語を日本語に翻訳]ボタンをクリックします。翻訳結果がテキストエリアの下に表示されます。このサンプルは、外国語を自動的に認識して日本語に翻訳します。
英語、スペイン語、ドイツ後、フランス語のサンプルを用意しました。[copy]のリンクをクリックすると左側のセンテンスがテキストエリアにコピーされます。
|
◆ Google AJAX Language APIを利用して日本語/英語を翻訳する
(#8)
このサンプルは、Google AJAX Language APIを利用して英語と日本語を相互に翻訳します。サンプルが表示されたらテキストエリアに「英語」または「日本語」を入力して翻訳するラジオボタンを選択したら[実行]ボタンをクリックします。翻訳の結果がテキストエリアの下に表示されます。
|
◆ Google AJAX Language APIを利用して日本語を英語に翻訳する
(#9)
このサンプルは、Google AJAX Language APIを利用して日本語を英語に翻訳します。
サンプルが表示されたらテキストエリアに「日本語」を入力して[翻訳]ボタンをクリックします。テキストエリアの下に英文が表示されます。
|
◆ Google Ajax Feed APIを利用して複数のRSSフィードを表示する V2
(#10)
このサンプルは、GoogleのGFdyanmicFeedControlを利用して複数のRSSフィードを一括して表示します。ここでは、「JavaScript + Ajax実践サンプル集」「@ITマネー」「@IT総合記事」のRSSフィードを表示します。サンプルが表示されたらの[Get RSS Feeds」をクリックします。最上位のボックスには、カレントの記事が表示されます。この記事は、自動的に切り替わります。特定の記事を表示するには、リンクにマウスを移動します。
|
|