图片效果集合(js、jquery或html5)

1.jQuery HTML5 幻灯片
使用支持HTML5的浏览器会有特殊效果，即切换图片时颜色的改变
文章：http://keleyi.com/a/bjac/b8i3xdui.htm
效果：http://keleyi.com/keleyi/phtml/html5/1.htm

 

 

2. jQuery图片延迟加载
一开始不加载实图，只用灰图占位，当图片出现在视线中才加载实图，减少对服务器的压力。
效果网址：http://keleyi.com/keleyi/phtml/image/index.htm
文章网址：http://keleyi.com/a/bjac/et551617.htm

3.jquery使用ColorBox弹出图片组浏览层
使用ColorBox插件弹出图片组浏览层，半透明背景
文章：http://keleyi.com/a/bjac/141932b419e08101.htm
效果：http://keleyi.com/keleyi/phtml/colorbox/

4.HTML5和jQuery实现彩图变灰与还原
初始时图片灰色，光标悬停彩色，离开又变灰色。
文章：http://keleyi.com/a/bjac/hso1iuv7.htm
效果：http://keleyi.com/keleyi/phtml/image/2/

5. js插件使彩图变灰
使用javascript使彩图变灰，支持IE和Opera，而Chrome则支持得不好。

效果：http://keleyi.com/keleyi/phtml/image/3.htm
文章：http://keleyi.com/a/bjac/n2lodhc5.htm

6.在图片上显示左右箭头的翻页
效果：http://keleyi.com/keleyi/phtml/picnext/
文章：http://keleyi.com/a/bjac/a6e756c811719fff.htm

7.龙舟比赛
用javascript让静态的图片动起来。
效果：http://keleyi.com/keleyi/phtml/duanwu/index.htm
文章：http://keleyi.com/a/bjac/trj18bxu.htm

 

8.jquery图片轮播切换
效果：http://keleyi.com/dev/453467666cab56d0.htm
文章：http://keleyi.com/dev/453467666cab56d0.htm

9.纯js画图像，是图片不是图形
文章：http://keleyi.com/a/bjac/yg5xnh2t.htm
效果：http://keleyi.com/keleyi/phtml/image/4.htm

10.HTML5特效 柯乐义触须
文章：http://keleyi.com/a/bjac/k3pi4ehx.htm
效果：http://keleyi.com/keleyi/phtml/html5/2.htm