$(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);

    })

})

演示圖：

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

您可能感興趣的文章:

相關(guān)文章

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