lrtk.js 980 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. $(document).ready(function(){
  2. $('.weiheList').addClass('show');
  3. $('.list_mark em:first').addClass('emon');
  4. // $('.list1:first').css('display','block');
  5. $('.list1:first').css('opacity','1');
  6. autoroll();
  7. hookThumb();
  8. })
  9. var i=-1; //第i+1个tab开始
  10. var offset = 3000; //轮换时间
  11. var timer = null;
  12. function autoroll(){
  13. n = $('.list_mark em').length-1;
  14. i++;
  15. if(i > n){
  16. i = 0;
  17. }
  18. slide(i);
  19. timer = window.setTimeout(autoroll, offset);
  20. }
  21. function slide(i){
  22. $('.list_mark em').eq(i).addClass('emon').siblings().removeClass('emon');
  23. // $('.list1').eq(i).css('display','block').siblings('.list1').css('display','none');
  24. $('.list1').eq(i).css('opacity','1').siblings('.list1').css('opacity','0');
  25. }
  26. function hookThumb(){
  27. $('.list_mark em').hover(
  28. function(){
  29. if(timer){
  30. clearTimeout(timer);
  31. i = $(this).prevAll().length;
  32. slide(i);
  33. }
  34. },function(){
  35. timer = window.setTimeout(autoroll, offset);
  36. this.blur();
  37. return false;
  38. });
  39. }