Re: [問題] 關於slide的效果...

看板Ajax作者 (太陽拳vs野球拳)時間15年前 (2010/11/08 00:05), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串3/4 (看更多)
有在做個類似的 <ul> <li><a href="#" rel="xxxGroup"><img src="1.jpg" /></a></li> <li><a href="#" rel="xxxGroup"><img src="2.jpg" /></a></li> <li><a href="#" rel="xxxGroup"><img src="3.jpg" /></a></li> </ul> 先定義好圖是全畫面的寬高 然後抓中心點 var imgPosX = $('ul > li img').width() / 2, imgPosY = $('ul > li img').height() / 2; $('ul > li img').css({ 'left':0, 'top':imgPosY }) .animate({ left:0, top:0, height:imgPosY * 2 }); 這只是個概念,沒實測過 實際那些css設定position 前後圖要從哪邊進來(z-index或append進來,跑完動畫remove掉)就看你自己怎麼寫了 bbs發文不好編code,所以發個大概 imgPosX要用那個值代入就是從畫面中心開始改大,animate再加入width:imgPosX * 2 就好 -- 47級74被74級47守屍 不知4774練到74再和7447打,是74贏47還是47贏74 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 125.228.250.21
文章代碼(AID): #1CriuvhL (Ajax)
文章代碼(AID): #1CriuvhL (Ajax)