jquery.jslides.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. var jq = jQuery.noConflict();
  2. jq(document).ready(function() {
  3. var numpic = jq('#slides li').size() - 1;
  4. var nownow = 0;
  5. var inout = 0;
  6. var TT = 0;
  7. var SPEED = 5000;
  8. jq('#slides li').eq(0).siblings('li').css({'display': 'none'});
  9. var ulstart = '<ul id="pagination">',
  10. ulcontent = '',
  11. ulend = '</ul>';
  12. ADDLI();
  13. var pagination = jq('#pagination li');
  14. pagination.eq(0).addClass('current')
  15. function ADDLI() {
  16. for (var i = 0; i <= numpic; i++) {
  17. ulcontent += '<li>' + '<a href="#">' + (i + 1) + '</a>' + '</li>';
  18. }
  19. jq('#slides').after(ulstart + ulcontent + ulend);
  20. }
  21. pagination.on('click', DOTCHANGE)
  22. function DOTCHANGE() {
  23. var changenow = jq(this).index();
  24. jq('#slides li').eq(nownow).css('z-index', '900');
  25. jq('#slides li').eq(changenow).css({'z-index': '800'}).show();
  26. pagination.eq(changenow).addClass('current').siblings('li').removeClass('current');
  27. jq('#slides li').eq(nownow).fadeOut(400, function() {
  28. jq('#slides li').eq(changenow).fadeIn(500);
  29. });
  30. nownow = changenow;
  31. }
  32. pagination.mouseenter(function() {
  33. inout = 1;
  34. })
  35. pagination.mouseleave(function() {
  36. inout = 0;
  37. })
  38. function GOGO() {
  39. var NN = nownow + 1;
  40. if (inout == 1) {
  41. } else {
  42. if (nownow < numpic) {
  43. jq('#slides li').eq(nownow).css('z-index', '900');
  44. jq('#slides li').eq(NN).css({'z-index': '800'}).show();
  45. pagination.eq(NN).addClass('current').siblings('li').removeClass('current');
  46. jq('#slides li').eq(nownow).fadeOut(400, function() {
  47. jq('#slides li').eq(NN).fadeIn(500);
  48. });
  49. nownow += 1;
  50. } else {
  51. NN = 0;
  52. jq('#slides li').eq(nownow).css('z-index', '900');
  53. jq('#slides li').eq(NN).stop(true, true).css({'z-index': '800'}).show();
  54. jq('#slides li').eq(nownow).fadeOut(400, function() {
  55. jq('#slides li').eq(0).fadeIn(500);
  56. });
  57. pagination.eq(NN).addClass('current').siblings('li').removeClass('current');
  58. nownow = 0;
  59. }
  60. }
  61. TT = setTimeout(GOGO, SPEED);
  62. }
  63. TT = setTimeout(GOGO, SPEED);
  64. });