jQuery Sponsor Flip Wall

No … it’s not a table. It’s a jQuery animated wall. It does it like this:

jQuery Sponsor Flip Wall - Animation

What’s great is that you can easily modify your sponsors/friends because it takes the data from a simple array:


$sponsors = array(
array('facebook','The biggest social..','http://www.facebook.com/'),
array('adobe','The leading software de..','http://www.adobe.com/'),
array('microsoft','One of the top software c..','http://www.microsoft.com/'),
array('sony','A global multibillion electronics..','http://www.sony.com/'),
array('dell','One of the biggest computer develo..','http://www.dell.com/'),
array('ebay','The biggest online auction and..','http://www.ebay.com/'),
array('digg','One of the most popular web 2.0..','http://www.digg.com/'),
array('google','The company that redefined w..','http://www.google.com/'),
array('ea','The biggest computer game manufacturer.','http://www.ea.com/'),
array('mysql','The most popular open source dat..','http://www.mysql.com/'),
array('hp','One of the biggest computer manufacturers.','http://www.hp.com/'),
array('yahoo','The most popular network of so..','http://www.yahoo.com/'),
array('cisco','The biggest networking and co..','http://www.cisco.com/'),
array('vimeo','A popular video-centric social n..','http://www.vimeo.com/'),
array('canon','Imaging and optical technology ma..','http://www.canon.com/')
);
shuffle($sponsors);


You can read the whole tutorial, view a demo or download it on TutorialZine

The <abbr> and <acronym> tag describes abbreviations and acronyms. By marking up abbreviations you can give useful information to your visitors by showing tooltips when they hover the mouse over the element.

Example:

HTML

<q>

The <q> tag defines a short quotation. It tells the browser to insert quotation marks around the marked element. Most of us use the &quot; entity to display a quote but it’s easier with q

Example:

This is an example quote

<bdo>

The <bdo> stands bidirectional override that allows you to specify the text direction and override the bidirectional algorithm. Use it with the value rtl (right to left) and you will get the entire text reversed in direction.

Example:

Can you read this ?

The bdo tag can be easily be used to show your email address on webpages and not worry about spam .