图片效果集合(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
图片效果集合(js、jquery或html5)的更多相关文章
- js,jquery,css,html5特效
包含js,jquery,css,html5特效,源代码 本文地址:http://www.cnblogs.com/roucheng/p/texiao.html 2017新年快乐特效 jQuery最新最全 ...
- js,jQuery获取html5的data-*属性
今天做项目的时候发现一个坑,关于jQuery获取data-*属性的方法data(),特写此篇来记录. data-*自定义数据属性 HTML5规定可以为元素添加非标准型的属性,只需添加前缀data-,这 ...
- js+jquery+html实现在三种不通的情况下,点击图片放大的效果
js+jquery+html实现在三种不通的情况下,点击图片放大的效果. 三种情况分别是:图片的父元素宽高固定; 图片的宽高固定; 图片的父元素宽固定,高度不固定 第一种情况:图片的父元素宽高固定 ...
- JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记3
技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是[JavaScript实战----JavaScript.jQuery.HTML5.Node.js实例大全] JavaScript.jQuer ...
- javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)
在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编 ...
- javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)
类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些. 比较常用之一的就是窗帘切换了. ...
- JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记2
技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是[JavaScript实战----JavaScript.jQuery.HTML5.Node.js实例大全] JavaScript.jQuer ...
- JQuery缓冲加载图片插件lazyload.js的使用方法
lazyload.js是一个基于JQuery的插件,可以用来缓冲加载图片.如果一个网页很长并且有很多图片的话,下载图片就需要很多时间,那么就会影响整个网页的加载速度,而这款延迟加载插件,会通过你的滚动 ...
- 基于jquery的锚点滚动插件(百度百科效果) anchorScroll.js
1.插进使用场景 请打开https://baike.baidu.com/item/%E6%97%A5%E6%9C%AC%E5%8A%A8%E7%94%BB#hotspotmining,查看百度百科页面 ...
随机推荐
- iOS---后台运行机制详解
一.iOS的“伪后台”程序 首先,先了解一下iOS 中所谓的「后台进程」到底是怎么回事吧? Let me be as clear as I can be: the iOS multitasking b ...
- maven的聚合与继承
新建一个空的maven项目user-parent Pom.xml内容 <project xmlns="http://maven.apache.org/POM/4.0.0" x ...
- OO设计原则
开闭原则(OCP) 里氏代换原则(LSP) 依赖倒转原则(DIP) 接口隔离原则(ISP) 合成/聚合利用原则(CARP) 迪米特法则(LOD)
- Linux中grep搜索用法
有测试文件test.txt一枚,内容如下 aaabbbcccAAADDDEEEabcsdfjasldjfbcdokmABC 一.基本搜索常用1.现在想把abc okm筛选出来 grep "a ...
- OpenCASCADE Interpolation - Lagrange
OpenCASCADE Interpolation - Lagrange eryar@163.com Abstract. Power basis polynomial is the most simp ...
- Vue.js学习笔记(2)vue-router
vue中vue-router的使用:
- nodejs+edatagrid读取本地excel表格
- Android之控件使用
Android系统为我们提供了大量的控件,例如:开关控件.单选按钮.多选按钮.单选菜单等等,那么这些控件如何使用呢?本篇我将带领大家一道学习一下如何使用这些控件.所谓无图无真相,先让大家看一下效果图: ...
- MVC实用架构设计(三)——EF-Code First(3):使用T4模板生成相似代码
前言 经过前面EF的<第一篇>与<第二篇>,我们的数据层功能已经较为完善了,但有不少代码相似度较高,比如负责实体映射的 EntityConfiguration,负责仓储操作的I ...
- Ruby之基本数据类型(三)
前言 上一节我们介绍了常量以及变量的用法,这一节我们开始来介绍Ruby中的一些基本类型. 数值类型(Fixnum.Bignum.Float) Ruby的数值类型包括整数和浮点数.整数包括Fixnum和 ...