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

jQuery vTicker:垂直滚动展示 微信扫一扫
分享给朋友

  介绍一个垂直滚动的jQuery插件,vTicker,小巧玲珑,且各种浏览器兼容的很好,经测试,通吃。而且,每次滚动一条,不管这一条是单行还是多行,插件会自动计算一条的高度。另外,不只是能滚动文字哦,你把文字换成图片也是OK的。点击下面的阅读全文按钮查看演示。
jQuery vTicker:垂直滚动展示

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

CSS3 & jQuery : 仿 Google Play's 迷你标签导航 微信扫一扫
分享给朋友

  这种标签内容导航很常见了,有很多种实现方式,都是为了在页面上显示更多的内容而不用刷新页面。下面这个标签导航,是基于CSS3和jQuery的,且是仿 Google Play's 的。
  看看吧【https://play.google.com

  本身这个标签导航是没有用到任何图片的,纯纯的CSS3+HTML,辅之以jQuery,上面演示帧页面中的图片是俺为了切合文字美化了一下。按照原页面的教程,标签的几块内容,在页面刷新时会闪一下全部内容,俺就稍微在CSS里收拾了一下。

jQuery Plugins:Flux Slider 2D/3D 图片切换效果展示 微信扫一扫
分享给朋友

  Flux Slider 是一个基于CSS3动画的图片切换效果插件,使用了很多CSS3的新属性,其切换效果很流畅,2D切换效果基本和其他的类似插件差不多,但是它的3D切换效果非常炫目,至少我个人比较喜欢那个Explode爆炸效果,图片被分成很多小块,然后分崩离析的朝你扑面而来,我在想如果是3D显示器,这效果也是3D的,那再带上3D眼镜或者直接裸眼能看,估计相当惊人,希望有看到的那一天^_^
Flux Slider 2D/3D 图片切换效果展示

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