强大:基于jQuery UI的多层级手风琴效果插件

见过JS做的手风琴效果插件,但这么强大的第一次见!

上图先:

infogridexample

 

演示是一定要看的:http://css-tricks.com/examples/InfoGrid/

如果你看到示例中的效果跟上图有差异请不要惊慌,因为默认样式表里用到了CSS3版才有的选择器属性,部分版本浏览器肯定是不支持的,像微软的IE!但并不影响使用,你完全可以自定义样式表。

它的的主要结构是通过HTML的DL定义列表实现的,所以代码很容就能看明白,而且配置起来也很方便就几行JS代码,老外的东西就是牛逼!

infogridexampledl

下载和配置:http://css-tricks.com/grid-accordion-with-jquery/

提示:作者提供的压缩包里的示例文件是PHP文件的,有些同学可能没有配置环境,那也没关系,只要把PHP文件里的PHP代码删除然后另存为HTML文件就OK了!

COIN SLIDER 基于 jQuery的 JS 炫丽幻灯片插件

workshop

COIN SLIDER

jQuery Image Slider with Unique Effects

COIN SLIDER 基于 jQuery 在JS插件中拥有独一无二的切换效果

特点:

  • 多种炫丽的切换效果
  • 兼容多浏览器:Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
  • 方便安装和配置
  • 自动幻灯片
  • 导航提示
  • 轻量级(仅8K)
  • 图片链接
  • 完全免费
  • 完全自定义CSS样式表

演示和下载:http://workshop.rs/projects/coin-slider/

豆瓣验证:doubanclaim50f59e3ca33dbd36

4+网页常用Javascript插件-个画廊和幻灯片

这期为大家推出的是:4个画廊和幻灯片插件

1、Slideshow 2 (幻灯片) 基于mootools框架的JS幻灯片插件,支持多种切换效果。 a
演示及下载:http://code.google.com/p/slideshow/

2、Galleria(基于JQuery)

简单实用的JS图片画廊 ,是通jquery编写的。

b
演示及下载:http://devkick.com/lab/galleria/

继续阅读“4+网页常用Javascript插件-个画廊和幻灯片”

6+网页常用Javascript插件-Lightbox图片展示灯箱

目前,两个常用的JavaScript框架是: jquerymootools 。利用它们你可以轻易的制做出各种复杂的页面效果,为了提高工作效率,蛋壳决定开始学习Jquery,下面是蛋壳找到的一些用框架实现的非常酷的页面效果,你可以很方便的应用到你的页面中。

这期为大家推出的是:6个图像放大和弹出插件

1、Lightbox (灯箱)

灯箱,是一种简单的脚本用来在当前页上弹出1个层来显示图像,支持目前所有浏览器
a
演示及下载:http://www.huddletogether.com/projects/lightbox2/

2、jQuery lightBox Plugin (基于JQuery)

这是完全一样的灯箱js ,是通jquery编写的。

演示及下载:http://leandrovieira.com/projects/jquery/lightbox/

继续阅读“6+网页常用Javascript插件-Lightbox图片展示灯箱”