鼠标悬停,渐显遮罩,美感倍增。
下载地址: 点击下载 效果描述: 鼠标悬停后,逐渐加载一个图片阴影遮罩效果,主要采用jQuery的 fadeIn fadeOut 参数实现 默认遮罩层隐藏,鼠标移动到当前图片上后显示 鼠标移走后遮罩层消失 使用方法: 1、将index.html中的css样式复制到你需要的地方 2、将body中的html代码以及jQuer...
列表右侧图文轮播,自动滚动。
下载地址: 点击下载 很有创新意义的一款栏目定位图文解释说明效果 描述: 点击左侧任意栏目,右侧均有对应的图文并茂说明 且支持自定义滚动切换 使用方法简单; 1、将页面中的css复制到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (PS:由于好多懒人不太会使用效果,或者使用过程中会遇到各种问题,现懒人站长已...
jQuery鼠标悬停阴影透明,美轮美奂。
下载地址: 点击下载 效果描述: 鼠标悬停后,往下滑动展示一个阴影遮罩效果,鼠标移走后遮罩效果往下滑动闪出 效果很不错 使用方法: 1、将页面中的lanrenzhijia.css样式引入到你的网页中 2、将body中的代码直接拷贝到你需要的地方即可
鼠标悬停,图片裂开,文字跃现。
下载地址: 点击下载 效果描述: 鼠标悬停在图片上,图片向四个角的方向分裂成四个,分别散开 鼠标移走后,图片重新回来,并带有缓冲效果,特效非常不错,懒人站长推荐下载使用 整个页面的js以及图片已经改变为绝对路径,这样懒人们就不会因为路径问题而烦恼了 使用方法: 1、将lanrenzhijia.css中的内容复制到你的网页中...
鼠标滑过,图片亮起,动感滑动!
下载地址: 点击下载 此效果非常适合用在图片列表上 效果描述:鼠标悬停在图片上后,有一个高亮的光线从左向右滑动展示,同时底部滚动出文字说明效果 效果轻巧,用起来又很舒适,懒人站长特别推荐 附件中只有一个默认的index.html文件,其他文件已经上传至服务器,这样懒人们使用的时候就不用再担心路径使用错误的问题了 使用方法:...
jQuery图片轮播,缩略图放大,左右滑动。
下载地址: 点击下载 常用的jQuery图片左右轮播效果,同时支持底部缩略图左右滚动展示 点击大图片后支持放大效果 使用方法: 1、将head中的js以及css拷贝到你的网页中 2、将代码部分拷贝到你需要的地方即可 3、注意保持图片路径的正确性
左右滑动列表,轻松切换。
下载地址: 点击下载 点击两侧的按钮,图片会自动左右切换 特点: 1、当不需要滚动即可显示完毕的时候,会自动隐藏两侧按钮 2、滚动部分ul的宽度,js会自动判断,并取一半的值,这样就会自动折算成两行 使用方法: 1、将页面中的css样式以及html、js引入到你的网页中即可
jQuery让你的图片更有感觉
下载地址: 点击下载 jquery.imgbox.pack插件,实现图片点击放大效果 支持多种参数调用,例如实现大图居中,或者以当前图片为中心居中等等效果 使用方法: 1、调用lanrenzhijia.css样式 2、将你需要放大的图片,按照图中代码的格式书写 3、调用三个js,并指定你需要放大的图片a标签的id即可
jQuery实现图片翻转效果
下载地址: 点击下载 效果描述: 鼠标悬停在图片上后,显示隐藏的另外一张图片,鼠标移走后返回之前图片,整个过程带有翻转效果 原理: 附件提供了7个单元的翻转效果,其原理只有一个,其他的只是相对定位绝对定位实现而已。 希望大家不要单纯的复制效果过去,弄懂原理才是核心 本案例主要应用的jQuer...
图片悬浮半透明,文字滑动显。
下载地址: 点击下载 一个经过修改后的鼠标悬停图片上,图片显示一层半透明遮罩效果,同时文字说明从左向右滑动显示 修改后的效果更佳方便使用: 1、只需要打开附件中的index.html页面,将其中的 代码部分 拷贝到你的网页中即可
简单控制多图左右滑动切换
下载地址: 点击下载 纯js实现点击左右按钮图片自动左右平滑滚动,默认5个一组左右滚动,可以手动修改js参数更改滑动数量 使用方法: 1、将head中的js以及lanrenzhijia.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 3、注意图片路径不要错误
鼠标触摸换图:jQuery.shuffle-images
下载地址: 点击下载 当鼠标移动到图片所在的范围之内的时候,div容器内的图片会随机进行切换显示。 这样的效果适合狭小的空间内展示多张图片,用户鼠标在其中切换的适合可以看到所有图片。 此插件很适合节省你网页的宝贵地方,特别是类似首页这样寸土寸金的地域。 使用方法简单: 1、将lanrenzhijia.css样式以及jQue...
图片左右滑动,美轮美奂。
下载地址: 点击下载 现在网上流行好多可以自定义图片横向滚动条的效果,可惜大部分都是jQuery实现的,且兼容性不好。 今天特意整理了一款js实现的图片横向自定义滚动条效果,兼容目前主要浏览器(IE6已被忽略)。 喜欢的童鞋可以拿去试试 使用方法: 1、在网页head中调用lanrenzhijia.css样式以及lanre...
鼠标触摸图片高亮,纯CSS实现。
下载地址: 点击下载 不需要js即可实现的鼠标悬停图片高亮效果。当然,其中添加了一些css3代码,高版本浏览器下效果更好。 原理:鼠标悬停在整个div上的时候,让所有li标签的背景颜色变为黑色,同时设置所有图片不透明度为50%,这样看起来所有图片上好像蒙上了一层阴影。 然后再给具体鼠标悬停的图片的不透明度设为100%即可实...
轻松滑动图片,JQuery lightSlider。
小巧精致的jquery图片插件,支持响应式,根据浏览器分辨率自适应,只有5KB大小!可自定义样式,支持点状切换和缩略图等多种效果。四种效果任你选择,懒人必备!
鼠标滑过,轻松切换美图。
下载地址: 点击下载 一款代码很简单的鼠标悬停,图片上下滚动切换的效果 核心代码很简单,几行简单的jquery代码即可搞定,但是效果很炫很不错 使用方法: 1、在网页head中引入lanrenzhijia.css样式 2、将代码部分复制到你需要的地方即可(其中包括jquery库以及jquery代码)
图片悬停,惊艳换新颜
下载地址: 点击下载 一段简洁代码即可实现的js图片hover效果 当鼠标移动到图片上后,动态显示另外一张(高版本浏览器下效果较好) 使用方法: 1、在网页head中引入两个css样式 2、将代码部分复制到你需要的地方 3、在最底部调用两个js文件即可
鼠标停留头像亮起,温暖心灵。
下载地址: 点击下载 适合做网站上会员头像排列效果,当鼠标悬停在头像上,当前头像高亮显示,并显示对应的文字说明,效果很不错 使用方法: 1、在网页head中引入lanrenzhijia.css样式以及jquery库 2、将html代码复制到你需要的地方 3、在底部调用对应的js即可