首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

幻灯片成效

2012-09-25 
幻灯片效果var index 1var timervar picSize 1function showPic(){ for(var i 1 i picSize i

幻灯片效果


var index = 1;
var timer;
var picSize = 1;
function showPic(){
 for(var i = 1; i < picSize; i++){
  var pid = '#pic_gg_' + i;
  var id = '#gg_' + i;
  if(i == index){
   $(pid).css({'display':'block'});
   $(id).addClass('dq');
  }else{
   $(pid).css({'display':'none'});
   $(id).removeClass('dq');
  }
 }
 index = index == (picSize-1) ? 1 : index + 1;
}
function stop(i){
 clearInterval(timer);
 index=i;
 showPic();
 //setTimeout(start,6000);
}
function start(){
 clearInterval(timer);
 timer = setInterval(showPic,3000);
}
window.onload = function(){
 picSize = 7;
 timer = setInterval(showPic,3000);}

热点排行