(function($){$.fn.carousel3d = function(args){ var el = ({ carousel_frame: $(this) }); var size = el.carousel_frame.children().size(); var panelSize = el.carousel_frame.width(); var translateZ = Math.round( ( panelSize / 2 ) / Math.tan( Math.PI / size ) ); el.carousel_frame.css({ "transform": "rotateY(0deg) translateZ(-"+translateZ+"px)" }) var rotateY = 0; var rotate_int = 0; var ry = 360/size; var box = 0; function animate_slider(){ rotateY = ry*rotate_int; $("#test").text(rotateY+", "+rotate_int+", "); for(i=0;i;i++){>

dd:
使用jQuery实现3D轮播图效果
该博客介绍了一种使用jQuery实现3D轮播图的方法,通过CSS3的transform属性来创建旋转和透视效果,实现了面板的平滑切换。文章详细讲解了关键代码片段,并展示了如何进行动画处理。
387

被折叠的 条评论
为什么被折叠?



