Twitter Stock Ticker
Last night I was rummaging through some of my past projects doing a little winter cleaning, and I stumbled upon this jQuery plugin that I wrote a while back. I ran the code to see if it still functions (it was using jQuery 1.3). And to my pleasant surprise, the code still runs like a charm. So, I just want to take the time to share it with you all.
This jQuery plugin is a Twitter stock ticker; the stock ticker one sees on Wall Street. And this is an example HTML page that uses the plugin:
<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script> <script type="text/javascript" src="tweetstockticker.js"></script> <script> $(document).ready(function() { $('#tweet-container').tweetstocktick('san francisco', 5, 15); }); </script> <style> #tweet-container { overflow: hidden; position: relative; width: 100%; height: 100px; } #rotating-ticker-item { font-size: 36px; position: absolute; text-transform: uppercase; white-space:nowrap; width: auto; } </style> </head> <body> <div id="tweet-container"></div> </body> </html> It’s a pretty simple implementation using the Twitter Search API
.tweetstocktick(q, rpp, speed)
q = search term (ie. “San Francisco”)
rpp = number of the most recent tweets
speed = used to calculate duration (speed * width).
Feel free to share any thoughts, and I hope it helps.
POSTED
SHARE POST
LOCATED IN
TAGS
CATEGORIES
WANT TO SEE OUR WORK?
Visit our case studies page or request specific project examples.
Request our PDF Portfolio
Find us on
