图片效果集合(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
最新文章
- VirtualBox COM对象获取失败
- Non-constant Fields in Case Labels
- 六大Nagios常见问题解决办法
- lshw 命令(查看硬件信息)
- mysql忘记帐号密码 解决办法
- 查看linux系统版本号命令
- 企业架构与建模之Archimate视图和视角
- SpringMVC+Mybatis架构中的问题记录
- memcached 与 redis 的区别和具体应用场景
- Java对字符串加密并返回星号※
- 微信公众号支付提示mch_id参数格式错误
- SVM小白教程(2):拉格朗日对偶
- edgedb 内部pg 数据存储的探索 (一)基本环境搭建
- 第4周小组作业:WordCount优化
- 修改openstack用户配额
- sourceTree回退撤销commit
- hbase-基础架构
- 2018年第九届蓝桥杯B组题C++汇总解析-fishers
- easyUI中datebox的格式显示
- FMX ScrollBox 拖拽控制
热门文章
- uwp如何建立任何形状的头像,如圆形,方形,六边形等
- 在Thinkphp3.2.3框架下实现自动获取客户端IP地址的get_client_ip()函数
- MongoDB学习系列(1)--入门介绍
- 编写简单的ramdisk(选择IO调度器)
- 【记录】ASP.NET MVC JsonResult JsonRequestBehavior AllowGet
- spring @import和@importResource
- 使用 Spring Boot 快速构建 Spring 框架应用--转
- 自定义从Azure下载回来的远程桌面连接(.rdp)文件,使其提供更多丰富功能
- 记录一则ORA-00054,ORA-00031解决过程
- 相克军_Oracle体系_随堂笔记001-概述