在线演示今天我想要与你分享一个即简单又有趣的圆形幻灯片。这是一个实验 性的概念，此想法是在一个特定的角度点击圆形图片，就会翻转到另一个圆形 图片。分为 三种不同的可能性：顶部、中部、底部。例如，当单击右上部分的 图像时，将在相关角度翻转，使它看起来好像我们压到的那部分翻了过去，显 示出它背面的图像。结构：HotColdLightDarkSoftHardSmoothRough我们把它改成：DarkSoft这个 nav 元素有一些空的 spans，做为“检测领域”。圆的每一边有三个可点 击地区，一个在上面、一个在中 间、一个在底部。i 元素将作为导航箭头，并 取决于我们悬浮在哪个 span 上，我们将旋转这个小箭头到正确的位置。但是我 们不会使用箭头做为点击区域，而是 整个 span。圆的分区包含一个特殊的三维结构：它有一个前面和一个背面。一旦我们导航 到下一个或前一个项目，我们将展示出它的结构并旋转这个容器，这样我们可 以看到背面。覆盖图提供光线和阴影让一切看起来更切合实际，透明度取决于旋转角度。简单插件：$（ #fc-slideshow ）.flipshow（）;加上这些，变成可选的插件：/ the options$.Flipshow.defaults = / default transition speed （ms）speed ： 700，/ default transition easingeasing ： cubic-bezier（.29，1.44，.86，1.06）;请注意，这是一个实验性的并且只会在支持 CSS 3d 变换的浏览器上工作。对其 他不支持的浏览器只会有一个简单的回退，仅仅显示和隐藏了前一个或后一个 项目。希望这个小插件能给你带来灵感！via gbtags来源：跳跃的圆形幻灯片电脑技术啦_http:/www.jishu.la/