Twitter Widget advanced search 対応版 なんてのないかなぁ
途中まで作っちゃったけど、探してみてないことに気づいた。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>sample1</title> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="jquery.timer.js"></script> <script type="text/javascript"> kwd1 = encodeURI('ダウンタウン'); kwd2 = encodeURI('さんま'); $.getJSON('http://search.twitter.com/search.json?q=' + kwd1 + '+OR+' + kwd2 + '&rpp=100&callback=?', function(data) { $.each(data.results.reverse(), function(i, tweet){ $.timer(5000 * (i + 1), function(timer){ img = '<img src="' + tweet.profile_image_url + '" alt="' + tweet.from_user + '">'; $('div').prepend('<p>'+ '[' + ']' + img + decodeURI(tweet.text) + '</p>'); height = $('p:first').css('height'); $('p:first').css('margin-top', '-' + height).animate({marginTop : 0}, 'slow', 'linear'); timer.stop(); }); }); }); </script> <style type="text/css"> div { width: 500px; height: 400px; overflow: hidden; } </style> </head> <body> <div></div> </body> </html>