新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Js圖片點擊切換輪播實現(xiàn)代碼
圖片點擊切換
實現(xiàn)效果
輪播
tools.js
//動畫函數(shù) /*參數(shù) * -1.obj 對象 * -2.speed 速度 * -3.target 執(zhí)行動畫的目標 * -4.arrt 要變化的樣式 * -5.callback:回調(diào)函數(shù) 將會在動畫執(zhí)行完后執(zhí)行 */ function move(obj,speed,target,arrt,callback){ //關(guān)閉上一次定時器 clearTimeout(obj.timer); //判斷速度的正負值 //如果從0向800移動則為正 //如果從800向0移動則為負 var current=parseInt(getStyle(obj,arrt)); if(current>target){ speed=-speed; } //開啟一個定時器 //為obj添加一個timer屬性,用來保存它1自己的定時器的標識 obj.timer=setInterval(function(){ //獲取原來的left值 var oldvalue=parseInt(getStyle(obj,arrt)); //在舊值的基礎(chǔ)上增加 var newvalue=oldvalue+speed; if(speed<0&&newvalue0&&newvalue>target) { newvalue=target; } obj.style[arrt]=newvalue+"px"; //當元素到達target關(guān)閉定時器 if(newvalue===target||newvalue===target){ clearTimeout(obj.timer); //動畫執(zhí)行完 執(zhí)行函數(shù) callback&&callback(); } },30); };
實現(xiàn)效果
推薦教程:《PHP》
分享文章:Js圖片點擊切換輪播實現(xiàn)代碼
路徑分享:http://fisionsoft.com.cn/article/cgphjd.html