[JavaScript] jQuery 3屏通栏banner源代码 →→→→→进入此内容的聊天室

来自 , 2019-06-29, 写在 JavaScript, 查看 106 次.
URL http://www.code666.cn/view/e0126439
  1. (function ($)
  2. {
  3.     $(document).ready(function ()
  4.     {
  5.         var ready = true;
  6.         $('ul#preview-slider-holder > li').mouseover(function ()
  7.         {
  8.             var _this = this;
  9.             var position = 0;
  10.             if ($(this).hasClass('preview-first'))
  11.             {
  12.                 position = 0;
  13.             }
  14.             else if ($(this).hasClass('preview-second'))
  15.             {
  16.                 position = 1;
  17.             }
  18.             else if ($(this).hasClass('preview-third'))
  19.             {
  20.                 position = 2;
  21.             }
  22.             if (!ready)
  23.             {
  24.                 $("#preview-slider > div:not(':last'):not(':eq(" + position + ")')").each(function ()
  25.                 {
  26.                     if ($(this).is(':animated'))
  27.                     {
  28.                         $(this).stop(true, true);
  29.                     }
  30.                 }
  31.                 );
  32.             }
  33.             ready = false;
  34.             $("#preview-slider > div:not(':last'):not(':eq(" + position + ")')").hide();
  35.             $('img', this).animate(
  36.             {
  37.                 "top" : "-15px"
  38.             }, 200);
  39.             $('#preview-slide-' + (position + 1)).fadeIn(600, function ()
  40.             {
  41.                 ready = true;
  42.             }
  43.             );
  44.             $('img[id^="preview-thumbnail-im"]:not([id="preview-thumbnail-im' + (position + 1) + '"])').stop(true, false).animate(
  45.             {
  46.                 'top' : '0px'
  47.             }, 200);
  48.         }
  49.         );
  50.     }
  51.     );
  52. }
  53. )(jQuery);
  54.  

回复 "jQuery 3屏通栏banner源代码"

这儿你可以回复上面这条便签

captcha