這是一個朋友前天剛接觸這個行業(yè)不久問我的一個問題，我網(wǎng)上也查了一些，看了下代碼，不喜歡；所以
自己動手做了這個小demo；希望大家可以借鑒一下
【安卓圖片自動播放app推薦 圖片自動播放怎么設置】首先頁面布局：其中最主要的是對類wrapper設置position:relative;overflow:hidden;
類items設置：position:absolute等屬性；
接下來就事分析如何輪播：
我的思路是：點擊下一頁的時候：items的animate向左移動
animate（{“marginLfet”:”-800px”},1000,function(){}）;其中function（{}）里執(zhí)行的方法：
首先將item-1放到$（”.items li”）最后面，然后items({marginLeft:0})
【一開始在想，將item-1追加到$（”.items li”）最后面之后，那么一開始item-1是不是要移除掉呢，
然后我觀察了下一頁的方法執(zhí)行后的頁面元素，才發(fā)現(xiàn)這個擔心是多余的】
下面是執(zhí)行下一頁之后的頁面元素：
【大家發(fā)現(xiàn)了沒有，第一個li元素跑到最后面了，然后接下來點擊上一頁的時候，我們只需要取最后一個li元素就行了】
思路：點擊上一頁的時候，items的css向左移動（{“marginLfet”:0}）,然后$（”.items li”）.eq(3)放在items第一個位置里,然后動畫aniamte({“marginLeft”:0},1000)；
這時候大家腦補一下：items的css向左移動（{“marginLfet”:0}）和$（”.items li”）.eq(3)[即item-1]放在items第 一個位置里都是瞬間完成，人眼是看不出來的；所以再之后執(zhí)行aniamte({“marginLeft”:0},1000)時候，發(fā)現(xiàn)item-1慢悠悠從左側(cè)出來
js代碼如下：
接下來就是定時器了：自動輪播
【timer一定去做下判斷，不然會導致連續(xù)點擊的時候，圖片移動會越來越快】
還有最后一個setTimeout這個：在點擊上下一頁的時候，我會清除定時器，所有我會在其事件里添加它，然后三秒之后再執(zhí)行show(),自動輪播；
最后點擊事件：
總體頁面展示：
推薦閱讀
- 配置安卓開發(fā)環(huán)境步驟 android開發(fā)環(huán)境配置要求
- 位置模擬器 安卓模擬器的內(nèi)存文件存放位置？
- 安卓手機裝win10系統(tǒng)操作方法 win10系統(tǒng)版本哪個好
- 照片查看器的恢復方法 windows自帶圖片查看器修復
- 拼圖軟件合成照片的步驟 在線拼接圖片制作
- 拍照轉(zhuǎn)換成excel表格軟件推薦 怎么把圖片轉(zhuǎn)化成表格
- 如何自己制作圖片 如何自己制作圖片配文字
- 如何讓圖片內(nèi)存變小 如何將照片內(nèi)存壓縮到最小
- 如何讓圖片變清晰 照片模糊怎么變清晰
- 車底盤下邊有4個支撐點圖片