首頁(yè) 猿問(wèn) 想要的效果是鼠標(biāo)移入時(shí)此圖片變寬，...

想要的效果是鼠標(biāo)移入時(shí)此圖片變寬，鼠標(biāo)移出時(shí)div變回原來(lái)的寬度

JQuery

Echo_Chien 2016-09-02 22:22:03

<!doctype html><html><head><meta charset="utf-8"><title>無(wú)標(biāo)題文檔</title><link href="css.css" rel="stylesheet"><script src="../../jquery/jquery-2.1.4.min.js"></script><script src="js.js"></script></head><body><div class="div"><img src="img/2.jpg"><img src="img/4.jpg"><img src="img/3.jpg"></div></body></html>$(function(){ $(".div img").mousemove(function(){ $(this).animate({width:"300"},1000).siblings().animate({width:"225"},1000) }) .mouseout(function(){ $(this).css({width:"250"})? ? ? }) })

查看完整描述

1 回答

已采納

stone310

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

$(function(){
????$(".div?img").mouseover(function(){
????????$(this).stop().animate({width:'300'
????????},1000).siblings().stop().animate({width:'225'
????????},1000)
????}).mouseout(function(){
????????$(this).stop().css({width:'250'
????????})
????})
})

不知道你要的是不是這種效果，主要添加stop()，為了在觸發(fā)執(zhí)行時(shí)先將上一次動(dòng)畫(huà)停止，之前觸發(fā)的未完成動(dòng)畫(huà)會(huì)一直執(zhí)行

反對(duì) 回復(fù) 2016-09-03