下载地址: 点击下载 描述: jQuery实现的图片放大效果 模仿现在的百度图片搜索结果的一款效果,用户体验较好 鼠标悬停在图片列表上后,当前图片以当前位置固定居中,然后逐渐向外变大 使用方法: 1、将附件中的CSS样式以及js代码拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (图片采用绝对路径,...
下载地址: 点击下载 效果描述: 这是一款模仿乐蜂网品牌部分切换的效果,默认显示logo图片,当鼠标悬停的时候,显示文字说明 切换过程带有一个立体式效果,用起来很舒服,鼠标移走后,再次恢复显示图片 使用方法: 1、引入index.html中的CSS样式 2、将body中的代码部分引入到你需要的地方即可 (图片、js库采用绝...
下载地址: 点击下载 效果描述: 点击默认图片后,四周会出现7张图片,以环绕的方式展开 当再次点击图片的时候,周围图片会向中间收缩 效果很不错,懒人站长推荐大家在展示产品多角度页面使用 使用方法: 1、将CSS样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (js、图片采用绝对路径,不建议修改路径)
下载地址: 点击下载 效果描述: 当鼠标悬停在图片上的时候,图片上会动态显示几个动画效果 看起来很舒服,也不碍眼 然后动画上显示文字说明内容 使用方法: 1、将lanrenzhijia.CSS样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (js、图片采用绝对路径,不建议修改)
下载地址: 点击下载 效果描述: 默认显示五张图片,中间一个高亮显示 任意鼠标悬停在四周的一个图片上,当前图片立即与中间的图片交换位置 注意:图片交换过程中,即动画执行过程中,鼠标再次悬停在别的图片位置上的时候,动画不会被执行 使用方法: 1、将CSS样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 ...
下载地址: 点击下载 效果描述: 默认九宫格图片排列效果,当鼠标悬停在图片上后,会从图片的上方下滑一个半透明遮罩的效果 同时出现一些文字介绍 使用方法: 1、将head中的CSS样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方即可 (js、图片采用绝对路径,不建议修改)
下载地址: 点击下载 效果描述: jQuery实现的列表图片,鼠标悬停后当前图片高亮显示 周围图片亮度变成原来的20% 非常适合列表类的图片查看的一个效果 使用方法: 1、将head中的CSS样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方即可
下载地址: 点击下载 效果描述: 原生js图片效果,不依赖任何插件 注意:图片的alt属性不能缺少,否则将导致效果失败 鼠标在图片列表上移动,当前图片高亮显示,以此为根基点,周围的图片逐渐变小,所以有种手指划过钢琴键盘的感觉 使用方法: 1、将head中的CSS样式复制到你的样式表中 2、将body中的代码部分拷贝到你需要...
下载地址: 点击下载 效果描述: 我们在微博上经常看到鼠标悬停图片上的时候 会有一个放大镜或者缩小的图标手势 在CSS里有一个属性cursor,默认提供了很多方法 但是没有一个我们想要的,怎么办呢 这个时候就需要自定义一个cur文件作为背景图片即可 其实很简单,只要我们善于去发现 使用方法: 将cur做为样式的背景图片即可...
下载地址: 点击下载 效果描述: 很多购物类网站,比如说京东首页图文列表,就是采用的这种效果 当然,淘宝、天猫官网首页,仔细观察的话,也有这样的鼠标移动到列表上某个图片 图片轻微移动的效果,很小很轻,当然,那是采用CSS3写的效果 毕竟懒人们面对的是企业网站,“上帝们”还是会要求兼容低版本浏览器的 懒人站长特意写了一个jQ...