人人人妻人人人妻人人人,99精品国产综合久久久久五月天 ,欧美白人最猛性XXXXX,日韩AV无码免费播放


News新聞

業(yè)界新聞動(dòng)態(tài)、技術(shù)前沿
Who are we?

您的位置：首頁      JS/JQ/AJAX      jquery tab帶縮略圖片選項(xiàng)卡左右按鈕控制焦點(diǎn)圖片滾動(dòng)切換

jquery tab帶縮略圖片選項(xiàng)卡左右按鈕控制焦點(diǎn)圖片滾動(dòng)切換

標(biāo)簽： 發(fā)布日期：2014-03-14 00:00:00 1390
jquery tab帶縮略圖片選項(xiàng)卡左右按鈕控制焦點(diǎn)圖片滾動(dòng)切換效果
 
上圖
 

 

 

 

 
<!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焦點(diǎn)圖</title>
 
<link rel="stylesheet" type="text/css" href="css/style.css" />
 
</head>
 
<body>
 
<div class="idx-focus" id="j_idx_focus">
 
<div class="idx-foc-tmp">
<ul class="focus-pic" rel="xtaberItems">
<li class="xtaber-item">
<a href="http://www.17sucai.com/" class="white">
<img src="images/20131107112540527b08344b08c.jpg" alt="傳奇經(jīng)典熱血戰(zhàn)紀(jì)">
<span class="txt">傳奇經(jīng)典熱血戰(zhàn)紀(jì)</span>
<i class="bg"></i>
</a>
</li>
<li class="xtaber-item">
<a href="http://www.17sucai.com/" class="white">
<img src="images/20131108165940527ca7fc97ed8.jpg" alt="百度輸入法">
<span class="txt">百度輸入法</span>
<i class="bg"></i>
</a>
</li>
<li class="xtaber-item">
<a href="http://www.17sucai.com/" class="white">
<img src="images/2013111114355452807acaf1c6d.jpg" alt="愛帆瀏覽器">
<span class="txt">愛帆瀏覽器</span>
<i class="bg"></i>
</a>
</li>
<li class="xtaber-item">
<a href="http://www.17sucai.com/" class="white">
<img src="images/20131113182710528353fe29fb5.png" alt="PPS影音">
<span class="txt">PPS影音</span>
<i class="bg"></i>
</a>
</li>
<li class="xtaber-item">
<a href="http://www.17sucai.com/" class="white" title="百度殺毒">
<img src="images/2013111111234552804dc1e23aa.jpg" alt="百度殺毒">
<span class="txt">百度殺毒</span>
<i class="bg"></i>
</a>
</li>
<li class="xtaber-item">
<a href="http://www.17sucai.com/" class="white">
<img src="images/20131028111313526dd6497f10a.jpg" alt="快播">
<span class="txt">快播</span>
<i class="bg"></i>
</a>
</li>
</ul>
</div>
 
<ul rel="xtaberTabs" class="xtaber-tabs">
<li rel="xtaberTabItem" class="current"><img src="images/s_90_54_20131107112540527b08344b08c.jpg" alt="傳奇經(jīng)典熱血戰(zhàn)紀(jì)"><i></i></li>
<li rel="xtaberTabItem"><img src="images/s_90_54_20131108165940527ca7fc97ed8.jpg" alt="百度輸入法"><i></i></li>
<li rel="xtaberTabItem"><img src="images/s_90_54_2013111114355452807acaf1c6d.jpg" alt="愛帆瀏覽器"><i></i></li>
<li rel="xtaberTabItem"><img src="images/s_90_54_20131113182710528353fe29fb5.png" alt="PPS影音"><i></i></li>
<li rel="xtaberTabItem"><img src="images/s_90_54_2013111111234552804dc1e23aa.jpg" alt="百度殺毒"><i></i></li>
<li rel="xtaberTabItem"><img src="images/s_90_54_20131028111313526dd6497f10a.jpg" alt="快播"><i></i></li>
</ul>
 
<a href="javascript:;" class="btn-prev"></a>
<a href="javascript:;" class="btn-next"></a>
</div>
 
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.taber.js"></script>
<script type="text/javascript">
$(function(){
    /* 首頁焦點(diǎn)圖 */
    if(isNeeded('#j_idx_focus')){
        var obj = $('#j_idx_focus');
        $.fn.xTaber({
            content: obj,
            tab: obj,
            auto: true,
            style: 'left',
            prev: obj.find('.btn-prev'),
            next: obj.find('.btn-next')
        });
    }
});
</script>
 
</body>
</html>