作者dlikeayu (太阳拳vs野球拳)
看板Ajax
标题Re: [问题] 关於slide的效果...
时间Mon Nov 8 00:05:05 2010
有在做个类似的
<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