这个效果是用了CSS3的哪个属性
http://www.pixedelic.com/plugins/camera/wp.php页面上最后2个图片交替的时候 图片被分割成一个一个矩形消失 请问这个是css3或者html5的哪个属性哈 --------------------编程问答-------------------- --------------------编程问答-------------------- --------------------编程问答-------------------- 不知道是不是jQuery Easing里面定义的呢。。。 我刚才看了一下jQuery Easing的效果 看着都一样 坐等高人0 0 --------------------编程问答-------------------- 我也觉得easing。。。但是easing有那种分割么 虽然我知道jquery官网ui那个可以 --------------------编程问答-------------------- 这插件在IE下面表现的貌似不怎么样啊
--------------------编程问答-------------------- 你知道那个分割成小方框是怎么个原理么 我想自己写UI --------------------编程问答-------------------- html和css都在源代码里面,。看源代码 --------------------编程问答-------------------- 你知道那个分割成小方框是怎么个原理么 我想自己写UI --------------------编程问答-------------------- 多个div小块块就 可以了实现,div的背景是前一个图片,下面的背景是新一张图片,循环往复即可实现块块的效果 --------------------编程问答--------------------
if(navHover==true){
$(prevNav,wrap).animate({opacity:0},0);
$(nextNav,wrap).animate({opacity:0},0);
$(commands,wrap).animate({opacity:0},0);
if(isMobile()){
fakeHover.live('vmouseover',function(){
$(prevNav,wrap).animate({opacity:1},200);
$(nextNav,wrap).animate({opacity:1},200);
$(commands,wrap).animate({opacity:1},200);
});
fakeHover.live('vmouseout',function(){
$(prevNav,wrap).delay(500).animate({opacity:0},200);
$(nextNav,wrap).delay(500).animate({opacity:0},200);
$(commands,wrap).delay(500).animate({opacity:0},200);
});
} else {
fakeHover.hover(function(){
$(prevNav,wrap).animate({opacity:1},200);
$(nextNav,wrap).animate({opacity:1},200);
$(commands,wrap).animate({opacity:1},200);
},function(){
$(prevNav,wrap).animate({opacity:0},200);
$(nextNav,wrap).animate({opacity:0},200);
$(commands,wrap).animate({opacity:0},200);
});
}
}
delay 这个函数是个关键 - - 看了半天终于有点眉目了 --------------------编程问答-------------------- delay 设置动画间隔的 就是分成小块的 一个个的执行动画 --------------------编程问答-------------------- delay 我懂 我就是不明白他怎么把一个图片分成一个一个小块 --------------------编程问答-------------------- 相对定位的div就是小块块啊 --------------------编程问答-------------------- 计算图片的尺寸 往它的前一层加计算好的div小块块 再给小块块加上样式 主要是透明度 还有动画。。。
纯属猜测。。。 --------------------编程问答-------------------- 那些小块块 都是append上去的?
每个小块的背景都是那个图片 只不过选了不同的背景位置? --------------------编程问答-------------------- 感觉那些小块块不用设置背景 还感觉那些小块块是绝对定位 在背景图片之上的 --------------------编程问答-------------------- 是啊,background-position就可以实现,
所有的块加起来,正好是整张图 --------------------编程问答-------------------- 然后animate 一下就ok easing只是速度算法 --------------------编程问答-------------------- 你知道那个分割成小方框是怎么个原理么 我想自己写UI --------------------编程问答-------------------- 你知道那个分割成小方框是怎么个原理么 我想自己写UI --------------------编程问答--------------------
补充:.NET技术 , ASP.NET