当前位置:首 页>> 百 宝 箱

jQuery plugin :Slicebox - 3D Image Slider

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

Slicebox.zip
1.05MB

Impressive CSS3 Product Showcase 产品展示效果

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

css3-product-showcase.zip
378.07KB

JQUERY & CSS3:Fullscreen Slit Slider 开门见山

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

FullscreenSlitSlider.zip
218.63KB

CSS-ONLY 内容展示切换效果

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

SmoothTransitionsResponsiveLayout.zip
200.31KB

CSS3 打造的巨幅下拉菜单

  这种下来菜单用的比较多了,一般是用在网站导航条上,如果需要给用户呈现的导航内容详细的话,这种巨幅菜单就少不了的。其他的这种下拉菜单也不少,之所以介绍这个,是因为这个下拉菜单兼容性非常好,IE6-9通吃,功能是没问题的,无非是IE6-8不支持一些CSS3的新属性,其他新版浏览器如Chrome、Firefox、Opera、Safari等都是没问题的。 点击下面图片查看演示。 CSS3 打造的巨幅下拉菜单

CSS3_Mega_Drop-Down_Menu.zip
83.81KB

订阅Rss

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。