<!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=GBK" />
<title>右侧选项卡点击切换jQuery焦点图 - 网页模板</title>
<link href="css/zzsc.css" type="text/css" rel="stylesheet" />
<script src="js/jquery-1.7.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
</head>
<body>
<br>
<div id="featured">
<ul class="ui-tabs-nav">
<li id="nav-fragment-1" class="ui-tabs-nav-item" style="top:0px; left:0px">
<a href="#fragment-1"><img alt="" src="images/061x.jpg" /></a></li>
<li id="nav-fragment-2" class="ui-tabs-nav-item" style="top:62px;left:0px">
<a href="#fragment-2"><img alt="" src="images/052x.jpg" /></a></li>
<li id="nav-fragment-3" class="ui-tabs-nav-item ui-tabs-selected" style="top:124px;left:0px">
<a href="#fragment-3"><img alt="" src="images/042d.jpg" /></a></li>
<li id="nav-fragment-4" class="ui-tabs-nav-item" style="top:186px;left:0px">
<a href="#fragment-4"><img alt="" src="images/032x.jpg" /></a></li>
<li id="nav-fragment-5" class="ui-tabs-nav-item" style="top:248px;left:0px">
<a href="#fragment-5"><img alt="" src="images/78769394.jpg" /></a></li>
</ul>
<!-- First Content -->
<div style class="ui-tabs-panel ui-tabs-hide" id="fragment-1">
<a target="_blank" href="http://www.moobnn.com/">
<img alt="" src="images/061d.jpg" /></a>
<div class="info">
<h2><a class="STYLE3" target="_blank" href="#">寻找最美雪景 武汉出发三大初冬赏雪地推荐</a></h2>
<p>在冬日里,与雪景相约是惬意的。但今年初冬天气偏暖,雪景的出现变得似乎难以捉摸,所以显得弥足珍贵...<a target="_blank" href="http://www.moobnn.com/">[详情]</a></p>
</div>
</div>
<!-- Second Content -->
<div style class="ui-tabs-panel ui-tabs-hide" id="fragment-2">
<a target="_blank" href="http://www.moobnn.com/">
<img alt="" src="images/052d.jpg" /></a>
<div class="info">
<h2>
<a class="STYLE3" target="_blank" href="http://www.moobnn.com/">
跟随李安的镜头走进少年Pi出生地</a></h2>
<p>《少年Pi奇幻漂流》自从上映以来就获得了非常不错的口碑和票房,而主人公少年Pi也给观众留下了深刻的印象...<a target="_blank" href="http://www.moobnn.com/">[详情]</a></p>
</div>
</div>
<!-- Third Content -->
<div style class="ui-tabs-panel" id="fragment-3">
<a target="_blank" href="http://www.moobnn.com/">
<img alt="" src="images/042d.jpg" /></a>
<div class="info">
<h2>
<a class="STYLE3" target="_blank" href="http://www.moobnn.com/">
武汉周边9大温泉 自驾游全攻略</a></h2>
<p>冬季来临,又到了泡温泉的好时节。滋润下皮肤、放松下心情,约上3、5好友,好好休闲一下...<a target="_blank" href="http://www.moobnn.com/">[详情]</a></p>
</div>
</div>
<!-- Fourth Content -->
<div style class="ui-tabs-panel ui-tabs-hide" id="fragment-4">
<a target="_blank" href="http://www.moobnn.com/">
<img alt="" src="images/032d.jpg" /></a>
<div class="info">
<h2>
<a class="STYLE3" target="_blank" href="http://www.moobnn.com/">
冬日美景 武汉冬天暖阳晒出绚丽色彩</a></h2>
<p>初冬的街头,树叶金黄,人们的防寒着装多彩靓丽,让这个冬天充满了暖暖的色彩...<a target="_blank" href="http://www.moobnn.com/">[详情]</a></p>
</div>
</div>
<!-- Fifth Content -->
<div style class="ui-tabs-panel ui-tabs-hide" id="fragment-5">
<a target="_blank" href="http://www.moobnn.com/">
<img alt="" src="images/78777842.jpg" /></a>
<div class="info">
<h2><a class="STYLE3" target="_blank" href="http://http://www.moobnn.com/">网页模板</a></h2>
<p><a target="_blank" href="http://http://www.moobnn.com/">www.moobnn.com - 网页模板</a></p>
</div>
</div>
</div>
<div style="text-align:center;clear:both">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>