js切换图片方式形成动画

来源：互联网发布：javaweb mysql源代码编辑：程序博客网时间：2024/06/02 02:07

function secend_animation(){var petbigeye = $("#petbigeye").val();var petsmalleye = $("#petsmalleye").val();var kidweaklight = $("#kidweaklight").val();var kidpowerfullight = $("#kidpowerfullight").val();//活动图片存放地址var kidlightIndex = 0;var petIndex = 0;//定义循环切换var timeInterval=1000; var pettimeInterval=700; //定义切换频率，单位毫秒var kidArr = new Array();  //kid看书数组var petArr = new Array();  //小熊眨眼数组kidArr[0] = kidpowerfullight;kidArr[1] = kidweaklight; petArr[0] = petbigeye;petArr[1] = petsmalleye;setInterval(Peteye,timeInterval);  setInterval(readbook,pettimeInterval); //启动定时器 function Peteye(){//宠物眨眼var peteyeobj=document.getElementById("peteye"); if (petIndex==petArr.length-1) { //最后一张图片，将index置0，以此不断循环petIndex=0; } else { petIndex+=1; } peteyeobj.src=petArr[petIndex];  //修改图片}function readbook(){//小孩看书var kidlightobj=document.getElementById("kidlight"); if (kidlightIndex==kidArr.length-1) { kidlightIndex=0; } else { kidlightIndex+=1; } kidlightobj.src=kidArr[kidlightIndex]; }}

阅读全文

0 0