首頁猿問 ?這段代碼怎么去簡寫？

?這段代碼怎么去簡寫？

JavaScript JQuery

慕小猿 2017-05-27 17:09:41

function?qieHuan(){ ????????var?iLen=$('.img-box?img').length; ????????if(n>iLen){ ????????????n=1; ????????} ????????if(n<1){ ????????????n=iLen-1; ????????} ????????function?csS(x,y,z){ ????????????$('img:eq(0)').css({'left':x}); ????????????$('img:eq(1)').css({'left':y}); ????????????$('img:eq(2)').css({'left':z}); ????????} ????????if(n==1){csS(0,'100%','200%')} ????????if(n==2){csS('100%','200%',0)} ????????if(n==3){csS('200%',0,'100%')} ????}

查看完整描述

4 回答

拿不到鑰匙的車放不進手機的歌

TA貢獻71條經(jīng)驗獲得超29個贊

直接用Media吧?

反對回復(fù) 2017-05-31

慕運維2284031

TA貢獻11條經(jīng)驗獲得超2個贊

<!DOCTYPE html> <html> <head></head> <body> <div></div> <div></div> <div></div> <script type="text/javascript" src="./script/jquery.js"></script> <script> tab (1);console.log("") tab (2);console.log("") tab (3);console.log("") tab (4);console.log("") function tab (n) { $("div").each(function(i,data){ $(data).css("left",(n+i-1)%3*100+"%") console.log($(data).css("left")) }) } </script> </body> </html>

反對回復(fù) 2017-05-27

慕運維2284031
尷尬自己復(fù)制斷下行了主要的函數(shù)大概是三四行的樣子

回復(fù) 2017-05-27

慕運維2284031

TA貢獻11條經(jīng)驗獲得超2個贊

會用數(shù)組嗎還有取余觀察設(shè)置的屬性值有一個很明顯的規(guī)律就是0 100 200的規(guī)律變化如果如果將他們順序存入數(shù)組存兩次然后發(fā)現(xiàn) 三條需要設(shè)置的屬性為這個數(shù)組的I+J項然后數(shù)組有點累贅了可以用取余解決嗯嗯 0 100 200 貌似又是100的倍數(shù) 嗯嗯這樣差不多了寫完1不知道還有沒有簡化的地方（畢竟還有循環(huán)嵌套）

反對回復(fù) 2017-05-27