<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery马赛克幻灯片切换特效_网页模板</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
<link rel="stylesheet" href="images/styles.css" type="text/css" />
<link rel="stylesheet" href="images/coin-slider-styles.css" type="text/css" />
</head>
<body> <script>$(document).ready(function() {
$('#games').coinslider({ hoverPause: false });
});
</script>
<div id="content">
<!--DEMO start-->
<div id="page">
<div id="gamesHolder">
<div id="games">
<a href="http://www.moobnn.com/" target="_blank">
<img src="images/mini_ninjas.jpg" alt="Mini Ninjas" />
<span>
<b>Mini Ninjas</b><br />
Your quest to defeat the Evil Samurai Warlord has begun. Control the powers of nature, possess creatures, use your
furious Ninja skills to free your Ninja friends.
</span>
</a>
<a href="http://www.moobnn.com" target="_blank">
<img src="images/prince_of_persia.jpg" alt="Price of Persia" />
</a>
<a href="http://www.moobnn.com" target="_blank">
<img src="images/spiderman_shattered_dimensions.jpg" alt="Spiderman: Shattered Dimensions" />
</a>
<a href="http://www.moobnn.com" target="_blank">
<img src="images/brink.jpg" alt="Brink" />
</a>
<a href="http://www.moobnn.com" target="_blank" >
<img src="images/god_of_war_3.jpg" alt="God of War III" />
</a>
<a href="http://www.moobnn.com/" target="_blank">
<img src="images/borderlands.jpg" alt="Borderlands" />
<span>
<b>Borderlands</b><br />
Fun combat and a steady flow of rewards make this journey a massively enjoyable one, especially with some fellow mercenaries along for the ride.
</span>
</a>
<a href="http://www.moobnn.com" target="_blank">
<img src="images/star_wars_the_old_republic.jpg" alt="Star Wars: The Old Republic" />
</a>
<a href="http://www.moobnn.com" target="_blank">
<img src="images/batman_arkham_asylum.jpg" alt="Batman: Arkham Asylum" />
</a>
</div>
</div>
</div>
<!--DEMO end-->
</div>
</div>
<center><p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p></center>
</body>
</html>