亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

圖片輪播js及調(diào)用

系統(tǒng) 1885 0

1. 圖片輪播所需js

// JavaScript Document
var t = 0;
var n = 0;
var count = 0;??
//需要延遲加載
setTimeout(function(){??
??? count = $("#play_list a").size();??
??? $("#play_list a:not(:first-child)").hide();??
??? $("#play_info").html($("#play_list a:first-child").find("img").attr('alt'));??
??? $("#play_text li:first-child").css({"background":"#fff",'color':'#000'});??
??? $("#play_info").click(function(){window.open($("#play_list a:first-child").attr('href'), "_blank");});??
??? $("#play_text li").click(function() {??
??????? var i = $(this).text() - 1;
??????? n = i;??
??????? if (i >= count){
??????? ?return;??
??????? }
?????? $("#play_info").html($("#play_list a").eq(i).find("img").attr('alt'));??
?????? $("#play_info").unbind().click(function(){window.open($("#play_list a").eq(i).attr('href'), "_blank");});
?????? $("#play_list a").filter(":visible").fadeOut(1000).parent().children().eq(i).fadeIn(1000);??
?????? $(this).css({"background":"#fff",'color':'#000'}).siblings().css({"background":"#000",'color':'#fff'});??
??? });??
??? t = setInterval("showAuto()", 2000);??
??? $("#play").hover(function(){clearInterval(t);}, function(){t = setInterval("showAuto()", 2000);});??
},1500);
?
function showAuto()??
{??
??? n = n >= (count - 1) ? 0 : n + 1;??
??? $("#play_text li").eq(n).trigger('click');??
}

?

?

2. 頁面調(diào)用

<div id="picture">
????????? <div id="play">??????? ?
??????????? <div id="play_bg" class="scrollDiv">
??????????????? <div id="play_info"></div>
??????????????? <div id="play_text">
????????????????? <ul>
??????????????????? <li>1</li>
??????????????????? <li>2</li>
??????????????????? <li>3</li>
????????????????? </ul>
??????????????? </div>
??????????????? </div>
??????????????? <div id="play_list"> ????????????
??????????????? </div>
??????????? </div>
??????? </div>

?

圖片輪播js及調(diào)用


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長(zhǎng)會(huì)非常 感謝您的哦!!!

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 九九99久麻豆精品视传媒 | 九九久久99 | 久久精品视频国产 | a毛片久久免费观看 | 在线综合 亚洲 欧美中文字幕 | 精品国产综合 | 欧洲成人在线 | 97综合久久 | 国产精品自线在线播放 | 久久久久久久久一级毛片 | 97久久曰曰久久久 | 四虎国产精品永久在线 | 久久99热在线观看7 久久99热这里只有精品 | 午夜香蕉成视频人网站高清版 | 国产a毛片高清视 | 日日操狠狠操 | 奇米第四色777 | 69性影院在线观看国产精品87 | 久久综合五月天 | 熊出没之重启未来免费观看 | 69成人影院| 久草视频在线看 | 免费观看国产一区二区三区 | 青青久久国产成人免费网站 | 欧美一级片 在线播放 | a拍拍男女免费看全片 | 九热这里只有精品 | 久久精品国产在热久久2019 | 天天干夜夜艹 | 天天干天天弄 | 亚洲爱v | 久久99精品久久久 | 波多野结衣绝顶大高潮 | 欧美成人性色 | 成人a视频片在线观看免费 成人a视频在线观看 | 91香蕉福利一区二区三区 | 国产精品国产三级国产an | 中文字幕精品一区二区三区视频 | 麻豆国产在线观看一区二区 | 伊人成影院九九 | 日韩一区二区免费视频 |