Re: [問題] 關於slide的效果...
有在做個類似的
<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
討論串 (同標題文章)
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章