前の記事 ≪:JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発...
次の記事 ≫:ベクター形式の女性を表したアイコンセット9種

対象をドラッグ&ドロップしてtwitter等にシェアできるプログラムと作成チュートリアル

2009年10月23日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
対象をドラッグ&ドロップしてtwitter等にシェアできるプログラムと作成チュートリアルがNettutsにて公開されています。
これは有名ブログに実装されている機能ですが、自分のサイトにも組み込んでみたいという方もおられるのではないでしょうか。

対象にカーソルを合わせると、ツールチップが開き、シェアする場合はドラッグするようメッセージが表示されます。


ドラッグすると、画面がグレーになり、twitter, del.icio.us, facebook のアイコンが表示されます。
ドラッグウィンドウに対象の画像が表示されている部分が芸が細かいですね。


そのままアイコンにドロップすると、シェア画面にリダイレクトするというものです。


サンプルプログラムのダウンロードも可能なのでサイトに実装することも容易そうです。

チュートリアルとサンプルのダウンロードは以下のURLより行ってください。
Drag to Share - Nettuts
関連の記事検索:JavaScript, Twitter, チュートリアル
スポンサード リンク

By.KJ : 2009年10月23日 10:01 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)