8款CSS3鼠标滑过图片文字动画
这里有8款超棒的CSS3鼠标滑过图片动画切换显示文字效果,让你的网站更加生动有趣!每组效果都有3种不同的鼠标滑过图片效果,让你的图片标题和遮罩层以不同的方式呈现。快来下载吧!
放大你的美丽:jQuery LightBox画廊特效
这个LightBox画廊jQuery特效代码真是太棒了!它不仅可以展示缩略图,还能够让我们放大查看高清大图,并且还有放大镜功能,让我们可以更加清晰地看到每一个细节!快来下载吧!
3D图片炫酷旋转切换特效
点击下载,jR3DCarousel插件是一款惊艳的响应式jQuery 3D图片旋转切换特效,仿佛置身于梦幻的3D旋转木马中,多种切换效果任你选择,让你的网站更加生动有趣!
优美简洁的jQuery响应式瀑布流插件
这是一款仿Pinterest的简洁实用响应式网格瀑布流插件,让你的网站瞬间变得高大上!鼠标悬停时,图片边框阴影瞬间呈现,滑动时还有惊艳的向上动画效果!快来下载吧!
瀑布流网格布局,堆叠相片动感呈现。
这是一款超酷的网站设计,灵感源自takeit网站。点击按钮或向下滚动鼠标,堆叠相片会动画转换为网格瀑布流布局,底部还有按钮点击加载更多图片瀑布流。动画使用dynamic.js,布局使用flexbox。让你的网站更有活力!
图片无缝轮播,左右上下任意切换。
下载地址: 点击下载 p.p1 span.s1 效果描述: 简单易用的jQuery图片滚动插件 支持图片向左、向右、向上、向下滚动等各种方法 也支持手动点击切换或者banner轮播图等等效果 使用方法: 1、将CSS代码引入到你的网页中 2、将body中的代码部分拷贝到你的页面中
jQuery.zoom:让图片内部放大,鼠标跟随更自然。
下载地址: 点击下载 效果描述: 当你的图片跟你当前div不一致时,或者图片比例差别较大的时候,就可以采用这种方式了 图片可以在你的内部自由转换位置。 不适合移动网页 使用方法: 1、将CSS代码引入到你的网页中 2、将body中的代码部分拷贝到你的页面中
jQuery鼠标悬停文字翻转动画,惊艳你的视觉。
下载地址: 点击下载 效果描述: 鼠标悬停,图片翻转,基于jQuery实现的效果 当然,也有CSS3在里面,混杂型的 使用方法: 1、将CSS代码引入到你的网页中 2、将body中的代码部分拷贝到你的页面中
jQuery动画切换多彩图片
下载地址: 点击下载 效果描述: 基于jQuery实现的6中图片切换动画效果 为了方便各位懒人使用,特地将其中的js代码分为6份 需要使用哪种效果,只要拷贝对应的js即可,其他的可以不用 但是,jQuery库是不能缺少的 使用方法: 1、将CSS代码引入到你的网页中 2、拷贝你需要的html对应内容 3、引入jQuery库...
懒人专属,logo叠加,轻松加载。
下载地址: 点击下载 效果描述: 这个效果主要是模拟新浪微博一个年度财报H5页面中的loading加载效果 由于本案例图片比较小,真正加载效果很快,所以用简单的js做了一个控制 主要展示的是加载的过程,喜欢的懒人可以模仿试试 主要传播的是一个思想 使用方法: 1、将style.css中的样式复制到你的样式表中 2、将bod...
一像素透明(黑白)图Base64编码
下载地址: 点击下载 效果描述: 有的时候我们需要在网页里显示一个1x1像素大小的透明的gif小图片 然后给它设置一个高度和宽度。但是往往又要请求一个图片地址。 减少文件请求数量,这个是我最喜欢的方式 我们都知道图片有一个base64编码,可以将你的图标变成代码的方式 现在的无线淘宝应用往往都是采用这种方式 今天特意将一个...
鼠标悬停,图片左右滑动,放大美丽。
下载地址: 点击下载 效果描述: 一个非常简洁易用的jQuery图片放大效果,主要使用jQuery的animate方法实现 没有使用css3代码,支持左右点击滚动,兼容主流浏览器 使用方法: 1、在你的网页中引入lanren.js文件 2、将index.html中的代码部分引入即可 (注意保持文件路径的正确性)
图片未到,心已知:尺寸长宽。
下载地址: 点击下载 效果描述: 目前我们常用的获取图片实际宽度高度的方法,要么是在DOM中写入,要么就是等图片加载完毕后才开始获取,用户体验极其不好,今天特意整理一个办法,可以让javascript在html加载完毕后就可以立即获取img文件的头数据,非常快速的将图片的真实尺寸展现在你面前,使用企业也很简单。 使用方法:...
移动网页图片滑动展示
下载地址: 点击下载 效果描述: 一个非常简洁易用的,支持手势左右滑动的图文滚动效果 支持手机,PC客户端 不依赖jQuery插件即可实现 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (注意保持css、js两个文件路径的正确性)