懒人定制个性鼠标光标,让你的电脑生动起来!
下载地址: 点击下载 效果描述: 我们在微博上经常看到鼠标悬停图片上的时候 会有一个放大镜或者缩小的图标手势 在css里有一个属性cursor,默认提供了很多方法 但是没有一个我们想要的,怎么办呢 这个时候就需要自定义一个cur文件作为背景图片即可 其实很简单,只要我们善于去发现 使用方法: 将cur做为样式的背景图片即可...
图片无法加载,用默认图占位。
下载地址: 点击下载 效果描述: 我们都知道,当网页中加载的图片因为某种原因而加载失败的时候 浏览器会用图片的alt值代替当前图片位置 但是现实中我们往往需要默认的内容来代替加载失败的图片 用以提示用户图片加载失败等信息 怎么办呢,今天懒人站长特意给大家推荐了这样一个方法: onerror="onerror=null;sr...
鼠标悬停,图片边框动,美轮美奂。
下载地址: 点击下载 效果描述: 鼠标移动到图片上后,边框有一个动画效果,看起来很舒服 缺点:不兼容IE7,IE8浏览器下兼容性还可以,只是没有了边框动画效果,点击图片照样有效果 使用方法: 1、将head中的样式引入到你的页面中 2、将body中的代码部分拷贝过去即可 (注意保持图片路径的正确性即可)
优美的JS钢琴波浪排列效果
下载地址: 点击下载 效果描述: 原生js图片效果,不依赖任何插件 注意:图片的alt属性不能缺少,否则将导致效果失败 鼠标在图片列表上移动,当前图片高亮显示,以此为根基点,周围的图片逐渐变小,所以有种手指划过钢琴键盘的感觉 使用方法: 1、将head中的css样式复制到你的样式表中 2、将body中的代码部分拷贝到你需要...
jQuery让你的背景墙更亮眼!
下载地址: 点击下载 效果描述: jQuery实现的列表图片,鼠标悬停后当前图片高亮显示 周围图片亮度变成原来的20% 非常适合列表类的图片查看的一个效果 使用方法: 1、将head中的css样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方即可
jQuery实现图片半透明遮罩坠落效果
下载地址: 点击下载 效果描述: 默认九宫格图片排列效果,当鼠标悬停在图片上后,会从图片的上方下滑一个半透明遮罩的效果 同时出现一些文字介绍 使用方法: 1、将head中的css样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方即可 (js、图片采用绝对路径,不建议修改)
鼠标悬停,图片位置变换。
下载地址: 点击下载 效果描述: 默认显示五张图片,中间一个高亮显示 任意鼠标悬停在四周的一个图片上,当前图片立即与中间的图片交换位置 注意:图片交换过程中,即动画执行过程中,鼠标再次悬停在别的图片位置上的时候,动画不会被执行 使用方法: 1、将css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 ...
jQuery图片展示动画:旋转、收缩、惊艳。
下载地址: 点击下载 效果描述: 点击默认图片后,四周会出现7张图片,以环绕的方式展开 当再次点击图片的时候,周围图片会向中间收缩 效果很不错,懒人站长推荐大家在展示产品多角度页面使用 使用方法: 1、将css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (js、图片采用绝对路径,不建议修改路径)
图片悬浮,文字呈现。
下载地址: 点击下载 效果描述: 当鼠标悬停在图片上的时候,图片上会动态显示几个动画效果 看起来很舒服,也不碍眼 然后动画上显示文字说明内容 使用方法: 1、将lanrenzhijia.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (js、图片采用绝对路径,不建议修改)
懒人专属jQuery图片排列特效
下载地址: 点击下载 效果描述: 之前见过一款类似的效果,不过网上的那个采用的是插件的形式 而且代码冗余繁多,不利于懒人使用 懒人站长特地按照自己的想法将效果重新书写了一遍 原理: 其实类似于以前文章里的那种文字大中小切换的样式 只是现在变化的是图片而已 利用jQuery的animate属性,分别给图片三个尺寸 点击的时候...
jQuery懒人左右滚动图片特效
下载地址: 点击下载 效果描述: 滚动图片数量不限,js已经做了自动判断 当低于滚动数量时,取消自动滚动 “上一组”“下一组”可左右控制图片滚动方向,当然,你可以将他们修改为左右按钮都是没问题的 如若不需要,在html中去掉即可 可控制性强,当鼠标悬停在图片上时,立即暂停图片滚动,鼠标移走后继续滚动图片 使用方法: 1、引...
鼠标悬停,图片翻转,文字呈现。
下载地址: 点击下载 效果描述: 这是一款模仿乐蜂网品牌部分切换的效果,默认显示logo图片,当鼠标悬停的时候,显示文字说明 切换过程带有一个立体式效果,用起来很舒服,鼠标移走后,再次恢复显示图片 使用方法: 1、引入index.html中的css样式 2、将body中的代码部分引入到你需要的地方即可 (图片、js库采用绝...
美图欣赏,尽在百度。
下载地址: 点击下载 描述: jQuery实现的图片放大效果 模仿现在的百度图片搜索结果的一款效果,用户体验较好 鼠标悬停在图片列表上后,当前图片以当前位置固定居中,然后逐渐向外变大 使用方法: 1、将附件中的css样式以及js代码拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (图片采用绝对路径,...
jQuery实现图片悬停文字渐隐渐现动画
下载地址: 点击下载 描述: 之前推荐过一个类似的效果,鼠标悬停后图片渐渐有一层透明遮罩层 同时说明文字从左侧滑入 用户体验较好 使用方法: 1、将附件index.html文件中的代码部分拷贝到你的网页中 (图片、js文件均采用绝对路径,不建议修改)
轻松懒加载:jQuery图片逐步加载插件jQuery.laz
下载地址: 点击下载 描述: 现在网上流行很多图片逐步加载特效 就是当前浏览器可视范围内的图片加载,可视范围外的图片暂不加载 这在很大程度上提高了用户体验,同时也“减轻”了网络压力 使用方法: 1、将附件index.html中的三个js引入到head中 2、注意body中图片代码路径的写法即可 (图片采用绝对地址,不会...
神奇的360度旋转立体图像
下载地址: 点击下载 特点: 立体效果很棒,保持360度立体式旋转,类似旋转木马一样的效果 效果描述: 整个效果基于libs.min插件实现 不支持低版本浏览器 在谷歌或者Safari浏览器中效果较好 火狐浏览器中效果较差一些,但一样支持 使用方法: 1、将附件index.html中的css样式以及body中的代码部分...
jQuery滚动通栏图片,轻松展示美好。
下载地址: 点击下载 效果描述: 支持左右按钮点击后图片列表左右滚动 同时自身间隔一段时间后自动滚动 点击图片支持放大效果 使用方法: 1、将附件index.html中的css样式复制到你的网页中 2、将附件index.html中body部分的代码拷贝到你需要的地方即可 (图片、js采用绝对地址,不会影响使用,不建议修改)
底部导航鼠标停留,美图展现。
下载地址: 点击下载 效果描述: 导航固定在网页左下角,当鼠标悬停后,向上滑动展出图片列表,鼠标移走后,图片消失 且随着鼠标上下移动的同时,图片列表也会上下移动,效果用起来很舒服 使用方法: 1、将lanrenzhijia.css样式引入到你的网页中 2、将附件中index.html中body部分的代码拷贝到你的网页中即可
三种感人至深的图片左右全屏切换效果
下载地址: 点击下载 效果描述: 上下左右图片保持全屏 图片采用绝对路径,不用为路径问题而烦恼了 点击左右图片按钮,图片分三种不同方式做切换 相信总有一个是适合你的 低版本浏览器下效果较差 使用方法简单: 跟之前类似,保证css 以及js不缺少即可
鼠标悬停,内容翩翩起舞。
下载地址: 点击下载 效果描述: 鼠标悬停后,左右滑入显示动态隐藏内容 鼠标移走后恢复默认效果 使用方法: 1、将index.html中的css样式引入到你的网页中 2、将body中代码部分拷贝到你需要的地方即可 本效果图片均采用绝对路径,所以路径问题不需要考虑