<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>音乐歌手图片列表切换jQuery选项卡</title>
<link href="css/ttasp.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ttasp.js"></script>
</head>
<body style="background:#333;">
<div class="top-vrank" id="artists">
<div class="mod-hd">
<h3>热门上榜歌手</h3>
<ul class="tabs">
<li data-type="http://www.gooxao.com" class="first active"><a href="#" hidefocus="true"><span>内地</span></a></li>
<li data-type="http://www.adminbuy.cn" class=""><a href="#" hidefocus="true"><span>港台</span></a></li>
<li data-type="http://bbs.ttasp.com" class=""><a href="#" hidefocus="true"><span>欧美</span></a></li>
<li data-type="bbs.ttasp.com" class=""><a href="#" hidefocus="true"><span>韩国</span></a></li>
<li data-type="www.adminbuy.cn" class=""><a href="http://bbs.ttasp.com" hidefocus="true"><span>日本</span></a></li>
</ul>
<span class="more"><a href="http://bbs.ttasp.com" target="_blank">更多</a></span>
</div>
<div class="mod-bd">
<div class="views">
<div class="view-item active">
<ul class="view-list gclearfix">
<li><a href="#" title="尚雯婕"><img src="images/1.jpg" alt="尚雯婕"><span class="name">尚雯婕</span><span class="mask"></span></a></li>
<li><a href="#" title="蔡妍"><img src="images/1.jpg" alt="蔡妍"><span class="name">蔡妍</span><span class="mask"></span></a></li>
<li><a href="#" title="m4m"><img src="images/1.jpg" alt="m4m"><span class="name">m4m</span><span class="mask"></span></a></li>
<li><a href="#" title="黄圣依"><img src="images/1.jpg" alt="黄圣依"><span class="name">黄圣依</span><span class="mask"></span></a></li>
<li><a href="#" title="李治廷"><img src="images/1.jpg" alt="李治廷"><span class="name">李治廷</span><span class="mask"></span></a></li>
<li><a href="#" title="范冰冰"><img src="images/1.jpg" alt="范冰冰"><span class="name">范冰冰</span><span class="mask"></span></a></li>
<li><a href="#" title="弦子"><img src="images/1.jpg" alt="弦子"><span class="name">弦子</span><span class="mask"></span></a></li>
<li><a href="#" title="秦勇"><img src="images/1.jpg" alt="秦勇"><span class="name">秦勇</span><span class="mask"></span></a></li>
<li><a href="#" title="谭杰希"><img src="images/1.jpg" alt="谭杰希"><span class="name">谭杰希</span><span class="mask"></span></a></li>
<li><a href="#" title="杨坤"><img src="images/1.jpg" alt="杨坤"><span class="name">杨坤</span><span class="mask"></span></a></li>
</ul>
</div>
<div class="view-item">
<ul class="view-list gclearfix">
<li><a href="#" title="尚雯婕"><img src="images/2.jpg" alt="尚雯婕"><span class="name">尚雯婕</span><span class="mask"></span></a></li>
<li><a href="#" title="蔡妍"><img src="images/2.jpg" alt="蔡妍"><span class="name">蔡妍</span><span class="mask"></span></a></li>
<li><a href="#" title="m4m"><img src="images/2.jpg" alt="m4m"><span class="name">m4m</span><span class="mask"></span></a></li>
<li><a href="#" title="黄圣依"><img src="images/2.jpg" alt="黄圣依"><span class="name">黄圣依</span><span class="mask"></span></a></li>
<li><a href="#" title="李治廷"><img src="images/2.jpg" alt="李治廷"><span class="name">李治廷</span><span class="mask"></span></a></li>
<li><a href="#" title="范冰冰"><img src="images/2.jpg" alt="范冰冰"><span class="name">范冰冰</span><span class="mask"></span></a></li>
<li><a href="#" title="弦子"><img src="images/2.jpg" alt="弦子"><span class="name">弦子</span><span class="mask"></span></a></li>
<li><a href="#" title="秦勇"><img src="images/2.jpg" alt="秦勇"><span class="name">秦勇</span><span class="mask"></span></a></li>
<li><a href="#" title="谭杰希"><img src="images/2.jpg" alt="谭杰希"><span class="name">谭杰希</span><span class="mask"></span></a></li>
<li><a href="#" title="杨坤"><img src="images/2.jpg" alt="杨坤"><span class="name">杨坤</span><span class="mask"></span></a></li>
</ul>
</div>
<div class="view-item">
<ul class="view-list gclearfix">
<li><a href="#" title="尚雯婕"><img src="images/3.jpg" alt="尚雯婕"><span class="name">尚雯婕</span><span class="mask"></span></a></li>
<li><a href="#" title="蔡妍"><img src="images/3.jpg" alt="蔡妍"><span class="name">蔡妍</span><span class="mask"></span></a></li>
<li><a href="#" title="m4m"><img src="images/3.jpg" alt="m4m"><span class="name">m4m</span><span class="mask"></span></a></li>
<li><a href="#" title="黄圣依"><img src="images/3.jpg" alt="黄圣依"><span class="name">黄圣依</span><span class="mask"></span></a></li>
<li><a href="#" title="李治廷"><img src="images/3.jpg" alt="李治廷"><span class="name">李治廷</span><span class="mask"></span></a></li>
<li><a href="#" title="范冰冰"><img src="images/3.jpg" alt="范冰冰"><span class="name">范冰冰</span><span class="mask"></span></a></li>
<li><a href="#" title="弦子"><img src="images/3.jpg" alt="弦子"><span class="name">弦子</span><span class="mask"></span></a></li>
<li><a href="#" title="秦勇"><img src="images/3.jpg" alt="秦勇"><span class="name">秦勇</span><span class="mask"></span></a></li>
<li><a href="#" title="谭杰希"><img src="images/3.jpg" alt="谭杰希"><span class="name">谭杰希</span><span class="mask"></span></a></li>
<li><a href="#" title="杨坤"><img src="images/3.jpg" alt="杨坤"><span class="name">杨坤</span><span class="mask"></span></a></li>
</ul>
</div>
<div class="view-item">
<ul class="view-list gclearfix">
<li><a href="#" title="尚雯婕"><img src="images/4.jpg" alt="尚雯婕"><span class="name">尚雯婕</span><span class="mask"></span></a></li>
<li><a href="#" title="蔡妍"><img src="images/4.jpg" alt="蔡妍"><span class="name">蔡妍</span><span class="mask"></span></a></li>
<li><a href="#" title="m4m"><img src="images/4.jpg" alt="m4m"><span class="name">m4m</span><span class="mask"></span></a></li>
<li><a href="#" title="黄圣依"><img src="images/4.jpg" alt="黄圣依"><span class="name">黄圣依</span><span class="mask"></span></a></li>
<li><a href="#" title="李治廷"><img src="images/4.jpg" alt="李治廷"><span class="name">李治廷</span><span class="mask"></span></a></li>
<li><a href="#" title="范冰冰"><img src="images/4.jpg" alt="范冰冰"><span class="name">范冰冰</span><span class="mask"></span></a></li>
<li><a href="#" title="弦子"><img src="images/4.jpg" alt="弦子"><span class="name">弦子</span><span class="mask"></span></a></li>
<li><a href="#" title="秦勇"><img src="images/4.jpg" alt="秦勇"><span class="name">秦勇</span><span class="mask"></span></a></li>
<li><a href="#" title="谭杰希"><img src="images/4.jpg" alt="谭杰希"><span class="name">谭杰希</span><span class="mask"></span></a></li>
<li><a href="#" title="杨坤"><img src="images/4.jpg" alt="杨坤"><span class="name">杨坤</span><span class="mask"></span></a></li>
</ul>
</div>
<div class="view-item">
<ul class="view-list gclearfix">
<li><a href="#" title="尚雯婕"><img src="images/5.jpg" alt="尚雯婕"><span class="name">尚雯婕</span><span class="mask"></span></a></li>
<li