$(function(){

    // floorCon-slide

    $(".floorCon-slide .floorConSlideImgNav li span").css({opacity:0.95})

    $(".floorCon-slide .floorConSlideImgNav li.hover").find("span").css({left:0})//鍒濆

    $(".floorCon-slide .floorConSlideImgNav li").mouseover(function(){

        if($(this).hasClass("hover")){return}//涓嶅鐞嗘弧瓚崇姸鎬佺殑

          var imgleft=$(this).index()*200*(-1)+"px";

          $(this).addClass("hover").find("span").stop().animate({left:0},400)

          $(this).siblings().removeClass("hover").find("span").stop().animate({left:"-20px"},600)

          //鍥劇墖鏄劇ず

          $(this).parent().prev(".floorConSlideImg").stop().animate({left:imgleft},400);

    })

})

演示圖：

以上就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

jQuery 源碼分析筆記(7) Queue
queue是用來維護函數(shù)隊列的。比較常用的是queue(queueName, callback);其中queueName缺省是fn，即標準函數(shù)隊列。
2011-06-06
jQuery中通過ajax的get()函數(shù)讀取頁面的方法
這篇文章主要介紹了jQuery中通過ajax的get()函數(shù)讀取頁面的方法,需要的朋友可以參考下
2016-02-02
jquery實現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件代碼
如何實現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件，下面有個不不錯的示例使用jquery實現(xiàn)的，感興趣的朋友可以參考下
2014-01-01
[jQuery] 事件和動畫詳解
這篇文章主要介紹了JQ事件和動畫，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
jquery檢測上傳文件大小示例
這篇文章主要介紹了jquery檢測上傳文件大小,結合完整示例形式分析了jquery針對上傳文件大小檢測與計算相關操作技巧,需要的朋友可以參考下
2020-04-04
jquery,js簡單實現(xiàn)類似Angular.js雙向綁定
本文主要介紹了jquery,js簡單實現(xiàn)類似Angular.js雙向綁定的方法。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法示例
這篇文章主要介紹了jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法,結合實例形式分析了jQuery form表單創(chuàng)建與提交相關操作技巧,需要的朋友可以參考下
2019-05-05
jquery操作ID帶有變量的節(jié)點實例
下面小編就為大家?guī)硪黄猨query操作ID帶有變量的節(jié)點實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-12-12
jQuery實現(xiàn)碰到邊緣反彈的動畫效果
這篇文章主要介紹了jQuery實現(xiàn)碰到邊緣反彈的動畫,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2018-02-02
jQuery通過Ajax返回JSON數(shù)據(jù)
最近在使用JQuery的ajax方法時，要求返回的數(shù)據(jù)為json數(shù)據(jù)，在處理的過程中遇到下面的幾個問題，那就是采用不同的方式來生成json數(shù)據(jù)的時候，在$.ajax方法中應該是如何來處理的，下面依次來進行說明。
2015-04-04