漂亮的全屏背景图片跟随手风琴图片一起切换的jQuery图片手风琴切换特效。 1.jpg

js代码
  1. <script type="text/javascript" src="js/jquery.min.js"></script>
  2. <script type="text/javascript">
  3. (function(){
  4.         $('#wrap li').mouseover(function(){
  5.                 if(!$(this).hasClass('curr')){
  6.                         $('#wrap li').removeClass('curr');
  7.                         $(this).addClass('curr');

  8.                         // 切换背景
  9.                         $('#wrap li').each(function(index){
  10.                                 if($(this).hasClass('curr')){
  11.                                         $('.bg').fadeOut(300);
  12.                                         $('.bg:eq(' + index + ')').fadeIn(500);
  13.                                 }
  14.                         });

  15.                         $('.curr').stop().animate({
  16.                                 width: 700
  17.                         }, 500, 'linear');
  18.                         $('#wrap li').not('.curr').stop().animate({
  19.                                 width: 100
  20.                         }, 500, 'linear');
  21.                 }
  22.         });
  23. })()
  24. </script>
复制代码

jQuery全屏背景跟随手风琴图片切换特效.zip

675.04 KB, 下载次数: 0

回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Powered by shiliapp.com   © 2019-2020