這篇文章將為大家詳細(xì)講解有關(guān)python如何獲取jquery,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。
成都創(chuàng)新互聯(lián)公司專注于深圳企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),成都商城網(wǎng)站開發(fā)。深圳網(wǎng)站建設(shè)公司,為深圳等地區(qū)提供建站服務(wù)。全流程定制制作,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
1.幻燈片的制作2.json數(shù)據(jù)格式及ajax
01- 輪播圖-獲取相關(guān)元素[mw_shl_code=applescript,true]var $slide=$('.slide'), // 輪播區(qū)域的div
$slideList=$('.slide_list'), // 輪播列表
$lis=$('.slide_list li'),// 輪播中的四個(gè)li
$prevBtn=$('.prev'), // 上一張按鈕
$nextBtn=$('.next'), // 下一張按鈕
$pointsList=$('.points');// 小圓點(diǎn)列表[/mw_shl_code]
2- 輪播圖-添加小圓點(diǎn)[mw_shl_code=applescript,true]//
1.根據(jù)圖片張數(shù)動(dòng)態(tài)添加小圓點(diǎn)
for (var i=0; i < iPicCount; i++) {
$pointsList.append('
');
}
// 1.1 默認(rèn)第0個(gè)小點(diǎn)高亮
$pointsList.children(':first')。addClass('active');
[/mw_shl_code]
輪播圖-監(jiān)聽小圓點(diǎn)事件 - 下一張[mw_shl_code=applescript,true] // 2.動(dòng)畫前的準(zhǔn)備除了第一張 其它 都放到760的位置
$lis.not(':first')。css({ 'left': 760 });
var iNowIndex=0; // 即將要上顯示的這一張
var iPreviousIndex=0; // 上一張,也是要讓位置的這一張
// 2.1 點(diǎn)擊小圓點(diǎn)進(jìn)行圖片移動(dòng)動(dòng)畫
$pointsList.delegate('li', 'click', function () {
// 記錄即將要顯示的圖片索引
iNowIndex=$(this)。index();
// 動(dòng)畫移動(dòng)
fnMoveAnmation();
});
// 公共函數(shù)
function fnMoveAnmation() {
// 小圓點(diǎn)高亮處理
$pointsList.children()。eq(iNowIndex)。addClass('active')。siblings()。removeClass('active');
// 顯示下一張
if (iNowIndex > iPreviousIndex) {
// 讓當(dāng)前顯示的圖片從0移動(dòng)到左邊-760為要出現(xiàn)的讓位置
$lis.eq(iPreviousIndex)。animate({ 'left': -760 });
// 讓要出現(xiàn)的圖片從原本的760位置移動(dòng)到0的位置
$lis.eq(iNowIndex)。animate({ 'left': 0 });
// 記錄這一次顯示的索引 作為下一次動(dòng)畫時(shí)要讓位置的索引
iPreviousIndex=iNowIndex;
}
}[/mw_shl_code]
Python是一種跨平臺(tái)的、具有解釋性、編譯性、互動(dòng)性和面向?qū)ο蟮哪_本語(yǔ)言,其最初的設(shè)計(jì)是用于編寫自動(dòng)化腳本,隨著版本的不斷更新和新功能的添加,常用于用于開發(fā)獨(dú)立的項(xiàng)目和大型項(xiàng)目。
關(guān)于python如何獲取jquery就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。