京东鼠标悬停图片动感升级!

摘要

下载地址: 点击下载 效果描述: 适合做产品图片列表说明效果 当鼠标悬停在其中一个图片上的时候,其他图片透明度降低,增加灰色效果 当前图片高亮显示,同时图片向左向上分别移动10px,这样就会有一个向左上角移动的效果 懒人们可根据自己的实际需要修改图片默认宽度以及高度,或者修改移动的距离 注意:图片的宽度、高度都要比当前li…

正文

下载地址:    点击下载

效果描述:
适合做产品图片列表说明效果
当鼠标悬停在其中一个图片上的时候,其他图片透明度降低,增加灰色效果
当前图片高亮显示,同时图片向左向上分别移动10px,这样就会有一个向左上角移动的效果
懒人们可根据自己的实际需要修改图片默认宽度以及高度,或者修改移动的距离
注意:图片的宽度、高度都要比当前li要大一些,这样在鼠标悬停的时候才会有图片移动效果
 
使用方法:
1、引入网页中的css样式
2、将html代码复制到你需要的地方,并修改样式即可
(PS:图片、jQuery库采用绝对路径,不建议修改)

关注不迷路

扫码下方二维码,关注宇凡盒子公众号,免费获取最新技术内幕!

温馨提示:如果您访问和下载本站资源,表示您已同意只将下载文件用于研究、学习而非其他用途。
文章版权声明 1、本网站名称:宇凡盒子
2、本站文章未经许可,禁止转载!
3、如果文章内容介绍中无特别注明,本网站压缩包解压需要密码统一是:yufanbox.com
4、本站仅供资源信息交流学习,不保证资源的可用及完整性,不提供安装使用及技术服务。点此了解
5、如果您发现本站分享的资源侵犯了您的权益,请及时通知我们,我们会在接到通知后及时处理!提交入口
0

评论0

请先

站点公告

🚀 【宇凡盒子】全网资源库转储中心

👉 注册即送VIP权限👈

👻 全站资源免费下载✅,欢迎注册!

记得 【收藏】+【关注】 谢谢!~~~

立即注册
没有账号?注册  忘记密码?

社交账号快速登录