第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

jq hover可否實(shí)現(xiàn)離開還原

jq hover可否實(shí)現(xiàn)離開還原

Ximoo 2018-10-11 23:50:48
$(".header__nav .header__nav-item:not(':last')").hover(function() {??? idx=$(this).index();??? $(".header__nav-tip").animate({"left":70*idx},100).stop(true, true);},function(){??? });.header__nav-item還原回動(dòng)畫之前的位置
查看完整描述

1 回答

?
聰明的湯姆

TA貢獻(xiàn)112條經(jīng)驗(yàn) 獲得超33個(gè)贊

在進(jìn)入回調(diào)函數(shù)中獲取.header_nav-tip的當(dāng)前的left值，并賦值到一個(gè)上層變量，在里開回調(diào)函數(shù)中設(shè)置該值即可

var?prevLeft?=?0;
$('xx').hover(function?()?{
????tip?=?$('.header_nav-tip');
????//?獲取當(dāng)前的left值
????prevLeft?=?tip.offset().left;
????//?設(shè)置新的left值
},?function?()?{
????//?還原之前的left值
})


但是，我建議用css動(dòng)畫比較好，現(xiàn)在寫動(dòng)畫要么純css，要么js + css動(dòng)畫配合，像hover動(dòng)畫可以直接用css的hover偽類實(shí)現(xiàn)

.header_nav-tip?{
????transition:?all?.2s?ease;
}

.header_nav-tip:hover?{
????left:?70px
}

望采納！

查看完整回答
1 反對(duì) 回復(fù) 2018-10-12
  • 1 回答
  • 0 關(guān)注
  • 3657 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)