您现在的位置: 爱51代码网 >> 范文 >> 文章正文
一个简单实用的轮播器源代码
f[0]);}catch(e){i=0;}
   if(i>=this.appMaxNum){i=0;}    
   this.appTab(i);   
   this.playData=(++i)+"xplay";
  }  
 },
 appTab:function(tabIndex){
  var k,j;
  try{k=parseInt(tabIndex);}catch(e){k=0;}  
  for(j=0;j<this.appMaxNum;j++){   
   if(k==j){     
   $('#itemNav'+j).css({'background-color':'#333333','color':'#FFFFFF'});      
   $('#item'+j).show('fast');     
   }else{   
   $('#itemNav'+j).css({'background-color':'#CCCCCC','color':'#000000'});
   $('#item'+j).hide('fast');  
   }
  }  
 },
 appActive:function(){
  var _this = this;
  this.playerID = setInterval(function(){ _this.appPlay(); },this.speed);
 },
 init:function(refContainerId,intervalTime,refWidth,refHeight){  
  var cid = ""; 
  var w = 300;
  var h = 200;
  if(refContainerId == 'undefined' || refContainerId == null || refContainerId == ''){
   return;
  }else{
   cid = $.trim(refContainerId);
  } 
  if(refWidth == 'undefined' || refWidth == null || refWidth == ''){
   w = 300;
  }else{
   w = parseInt(refWidth);
  } 
  if(refHeight == 'undefined' || refHeight == null || refHeight == ''){
   h = 200;
  }else{
   h = parseInt(refHeight);
  } 
  
  $('#' + cid).css({"position":"relative",'width':w,'height':h,'overflow':'hidden'});
  $('#' + cid + "NavCon").css({'color':'#333333','height':'26px','position':'absolute','width':'95%','left':'0','bottom':'3px','text-align':'right','display':'block'});
  var t = 0;
  if(intervalTime == 'undefined' || intervalTime == null){
   t = 3000;
  }else{
   try{ t = parseInt(intervalTime);}catch(e){ t = 3000;}
  }
  this.speed = t;
  var navList = "#" + cid + "NavCon a";
  this.appMaxNum = $(navList).size();
  if(0 == this.appMaxNum){ return; }
  var _this = this;
  $(navList).each(function(i){
   $(this).css({'padding':'2px 5px','margin-right':'2px','background-color':'#CCCCCC'});
   if(i == 0){
    $(this).css({'background-color':'#333333','color':'#FFFFFF'});
   } &

上一页  [1] [2] [3] [4] [5] [6] 下一页

  • 上一篇文章:

  • 下一篇文章: 没有了
  • 最新文章 热点文章 相关文章
    mysql主从同步延迟方案解决的学习
    青岛科学六年级下册教材分析
    生日旅行总结
    中小板生日快乐随感
    送生日快乐桑葚乳酪小蛋糕
    写给女儿的生日快乐
    总分公司财务核算
    恢复使用繁体字可行性研究报告
    青少年吸烟心理探析
    保险受益人制度相关问题的探讨
    mysql主从同步延迟方案解决的学习
    生日旅行总结
    中小板生日快乐随感
    送生日快乐桑葚乳酪小蛋糕
    写给女儿的生日快乐
    总分公司财务核算
    恢复使用繁体字可行性研究报告
    保险受益人制度相关问题的探讨
    初中生地理读图能力培养的研究
    搞笑生日祝福
    js只能输入数字和小数点的文
    ExtJS & GTGrid 简单用户管理
    设置<img>在表格<table>中的
    Android init进程启动过程分
    应用内购买 In-App Purchase
    Android之Activity的taskAff
    Redis系列-key相关主要操作函
    Redis存储篇sorted set主要操
    把oracle rac 转化为单机数据
    sqlplus spool 到动态日志文
     



    设为首页 | 加入收藏 | 网站地图 | 友情链接 |