<!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" > |
<head> |
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> |
<title>jQuery图片广告墙展示插件 Sponsor Flip Wall - 分享JavaScript-sharejs.com</title> |
<meta name= "Copyright" content= "JavaScript分享网 http://www.sharejs.com/" /> |
<meta name= "description" content= "jQuery图片广告墙展示插件 Sponsor Flip Wall,JavaScript分享网" /> |
<meta content= "JavaScript,分享,JavaScript代码,Ajax" name= "keywords" /> |
<link rel= "stylesheet" type= "text/css" href= "styles.css" /> |
<script type= "text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script> |
<script type= "text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" ></script> |
<script type= "text/javascript" src= "jquery.flip.min.js" ></script> |
<script type= "text/javascript" src= "script.js" ></script> |
</head> |
<body> |
<h1>Sponsor Flip Wall With<br />jQuery & CSS</h1> |
<div id= "main" > |
<div class= "sponsorListHolder" > |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/ea.png" alt= "More about ea" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
The biggest computer game manufacturer. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.sharejs.com/" >http://www.sharejs.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/dell.png" alt= "More about dell" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
One of the biggest computer developers and assemblers. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.dell.com/" >http://www.dell.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/cisco.png" alt= "More about cisco" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
The biggest networking and communications technology manufacturer. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.cisco.com/" >http://www.cisco.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/digg.png" alt= "More about digg" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
One of the most popular web 2.0 social networks. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.digg.com/" >http://www.digg.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/canon.png" alt= "More about canon" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
Imaging and optical technology manufacturer. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.canon.com/" >http://www.canon.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/hp.png" alt= "More about hp" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
One of the biggest computer manufacturers. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.hp.com/" >http://www.hp.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/facebook.png" alt= "More about facebook" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
The biggest social network in the world. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.facebook.com/" >http://www.facebook.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/sony.png" alt= "More about sony" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
A global multibillion electronics and entertainment company |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.sony.com/" >http://www.sony.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/mysql.png" alt= "More about mysql" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
The most popular open source database engine. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.mysql.com/" >http://www.mysql.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/adobe.png" alt= "More about adobe" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
The leading software developer targeted at web designers and developers. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.adobe.com/" >http://www.adobe.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/microsoft.png" alt= "More about microsoft" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
One of the top software companies of the world. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.microsoft.com/" >http://www.microsoft.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/vimeo.png" alt= "More about vimeo" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
A popular video-centric social networking site. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.vimeo.com/" >http://www.vimeo.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/ebay.png" alt= "More about ebay" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
The biggest online auction and shopping websites. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.ebay.com/" >http://www.ebay.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/yahoo.png" alt= "More about yahoo" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
The most popular network of social media portals and services. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.yahoo.com/" >http://www.yahoo.com/</a> |
</div> |
</div> |
</div> |
|
|
<div class= "sponsor" title= "Click to flip" > |
<div class= "sponsorFlip" > |
<img src= "img/sponsors/google.png" alt= "More about google" /> |
</div> |
|
<div class= "sponsorData" > |
<div class= "sponsorDescription" > |
The company that redefined web search. |
</div> |
<div class= "sponsorURL" > |
<a href= "http://www.google.com/" >http://www.google.com/</a> |
</div> |
</div> |
</div> |
|
|
|
|
<div class= "clear" ></div> |
</div> |
</div> |
<div style= "clear:both" ></div> |
<br><br> |
<div style= "text-align:center" > |
<script language= "javascript" src= "http://www.sharejs.com/js/720.js" ></script> |
<br><br> |
获取更多JavaScript代码,请登录JavaScript分享网 <a href= "http://www.sharejs.com" >http://www.sharejs.com</a> |
<br> |
转载请注明出处,本代码仅供学习交流,不可用于任何商业用途! |
</div> |
</body> |
</html> |