jQuery plugin :Slicebox - 3D Image Slider

[ 作者:笑傲江湖 发布于:2012年-10月-23日 16:18 星期二  分类:百 宝 箱 ]

介绍:
Slicebox 基于jQuery的一个3D效果图片切换展示插件,利用了CSS 3D Transforms的属性,老旧浏览器就无缘3D效果了,只能2D简单切换了,3D效果得浏览器支持,比如Chrome,Firefox,Opera,Safari,IE10等新版浏览器。点击下面的图片查看演示。

Slicebox.zip
1.05MB


Impressive CSS3 Product Showcase 产品展示效果

[ 作者:笑傲江湖 发布于:2012年-6月-15日 16:53 星期五  分类:百 宝 箱 ]

  这个jQuery+CSS3的特效,可用来做产品展示,效果还是很不错,还支持键盘操作,左右箭头键或者上下翻页键用来控制切换上一页、下一页,回车的话是切换到下一页。一如既往的是,IE8及以下版本不支持,IE9应该没问题,新版的Chrome、Firefox、Opera、Safari都支持的很好。点击下面图片查看演示。Impressive CSS3 Product Showcase

css3-product-showcase.zip
378.07KB


JQUERY & CSS3:Fullscreen Slit Slider 开门见山

[ 作者:笑傲江湖 发布于:2012年-6月-14日 0:18 星期四  分类:百 宝 箱 ]

  这个特效,也是宽高自适应浏览器窗口大小的,不过是jQuery+CSS3实现的,切换效果为拉幕方式,左右或者上下,参数可以配置。所以俺给他起名叫开门见山。因为是使用了CSS3的很多属性,所以IE9以下的全军覆没,看不到效果,但还能切换。新版浏览器如Chrome、Firefox、Opera、Safari都没啥问题。
  原先演示内容英文的,俺替换成了中文,换了两个背景色,其他未动。喜欢的同学可以自己定制。点击下面图片查看演示。
Fullscreen Slit Slider 开门见山

FullscreenSlitSlider.zip
218.63KB


CSS-ONLY 内容展示切换效果

[ 作者:笑傲江湖 发布于:2012年-6月-13日 15:44 星期三  分类:百 宝 箱 ]

  此展示效果,宽高自适应浏览器窗口大小,且仅使用CSS完成切换效果。切换导航按钮使用的是Radio button组合,通过CSS来切换不同内容,切换效果平滑。因为是使用了CSS3的很多属性,所以IE9以下的全军覆没,看不到效果,但还能切换。新版浏览器如Chrome、Firefox、Opera、Safari都没啥问题。
  原先演示内容英文的,俺翻译+替换成了中文,增加了图片背景,其他未动。喜欢的同学可以自己定制。点击下面图片查看演示。
CSS-ONLY 内容展示切换效果

SmoothTransitionsResponsiveLayout.zip
200.31KB