<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>纯CSS3实现幻灯片焦点图特效源码</title>
<link href="css/xun.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="gal">
<nav class="galnav">
<ul>
<li><input type="radio" name="btn" value="one" checked="checked" />
<label for="btn"></label>
<figure>
<img src="images/01_Fabio_Basile.jpg" />
<figcaption>
<h4>Fabio Basile</h4>
<nav role='navigation'>
<p>iPhone 6 Infinity</p>
<ul>
<li><a href="http://www.jb51.net/" class="entypo-dribbble">
</a></li>
<li><a href="http://www.jb51.net/" class="entypo-twitter"></a>
</li>
</ul>
</nav>
</figcaption>
</figure>
</li>
<li><input type="radio" name="btn" value="two" /> <label for="btn">
</label>
<figure class="entypo-forward">
<img src="images/08_Brian_Miller.jpg" />
<figcaption>
<h4>无需懂技术代码</h4>
<nav role='navigation'>
<p>无需租用空间</p>
<ul>
<li><a href="http://www.jb51.net/" class="entypo-dribbble"></a>
</li>
<li><a href="http://www.jb51.net/" class="entypo-twitter"></a>
</li>
</ul>
</nav>
</figcaption>
</figure>
</li>
<li><input type="radio" name="btn" value="three" /> <label for="btn">
</label>
<figure class="entypo-forward">
<img src="images/05_Nicolas_Quod.jpg" />
<figcaption>
<h4>为企业提供互联网营销工具</h4>
<nav role='navigation'>
<ul>
<li>
<a href="http://www.jb51.net/" class="entypo-dribbble">
</a></li>
<li>
<a href="http://www.jb51.net/" class="entypo-twitter">
</a></li>
</ul>
</nav>
</figcaption>
</figure>
</li>
<li><input type="radio" name="btn" value="four" /> <label for="btn">
</label>
<figure class="entypo-forward">
<img src="images/04_Joffrey.jpg" />
<figcaption>
<h4>创新的精神</h4>
<nav role='navigation'>
<ul>
<li><a href="http://www.jb51.net/" class="entypo-dribbble">
</a></li>
<li><a href="http://www.jb51.net/" class="entypo-twitter">
</a></li>
</ul>
</nav>
</figcaption>
</figure>
</li>
<li><input type="radio" name="btn" value="five" /> <label for="btn">
</label>
<figure class="entypo-forward">
<img src="images/09_Jared_Long.jpg" />
<figcaption>
<h4>脚本之家</h4>
<nav role='navigation'>
<ul>
<li>
<a href="http://www.jb51.net/" class="entypo-dribbble">
</a></li>
<li>
<a href="http://www.jb51.net/" class="entypo-behance">
</a></li>
</ul>
</nav>
</figcaption>
</figure>
</li>
<li><input type="radio" name="btn" value="six" /> <label for="btn">
</label>
<figure class="entypo-forward">
<img src="images/02_Charles_Treece.jpg" />
<figcaption>
<h4>Charles Treece</h4>
<nav role='navigation'>
<p>智能的系统 Side Status Bar</p>
<ul>
<li>
<a href="http://www.jb51.net/" class="entypo-dribbble">
</a></li>
<li>
<a href="http://www.jb51.net/" class="entypo-twitter">
</a></li>
</ul>
</nav>
</figcaption>
</figure>
</li>
</ul>
</nav>
</div>
<br><br><br><br><br><br><br><br>
<div style="text-align:center;clear:both">
</div>
</body>
</html>
纯CSS3实现幻灯片焦点图特效源码 v1.0.zip （9个子文件） 
132686872217128876 css3jdt css 
xun.css 8KB
dfghh.jpg 22KB images 02_Charles_Treece.jpg 46KB 05_Nicolas_Quod.jpg 45KB 04_Joffrey.jpg 41KB 09_Jared_Long.jpg 30KB 08_Brian_Miller.jpg 29KB 01_Fabio_Basile.jpg 54KB
index.html 4KB资源评论
