- 资源介绍
- 更新记录
- 安装教程
不需要js即可实现的鼠标悬停图片高亮效果。当然，其中添加了一些css3代码，高版本浏览器下效果更好。
原理：鼠标悬停在整个div上的时候，让所有li标签的背景颜色变为黑色，同时设置所有图片不透明度为50%，这样看起来所有图片上好像蒙上了一层阴影。
然后再给具体鼠标悬停的图片的不透明度设为100%即可实现我们想要的效果。
核心css代码请见附件lanrenzhijia.css中 8-10行样式代码
文章来自大资源网https://www.dzy10.com转载请保留本链接，谢谢!
猜你喜欢
-
jQuery+CSS3全屏动画幻灯片图片切换代码
2020-07-07 -
38个jQuery移动手机端网页幻灯片Swiper插件
2020-07-07 -
HTML5全屏响应式幻灯片动画缩放切换代码
2020-07-07 -
CSS3鼠标悬停两张图片切换动画特效
2020-07-04 -
jQuery原始左右滚动幻灯片(方便扩展)代码效果
2020-07-07 -
jQuery控制缩略图横向滚动焦点图特效
2020-07-09 -
多种jquery框架和幻灯片切换效果
2020-07-10 -
三张图（文）片一起切换的banner焦点图
2020-07-09 -
4个jQuery手机移动端幻灯片swipeslider插件
2020-07-07 -
jquery图片旋转2D转化插件
2020-07-07
-
jQuery鼠标悬停遮罩阴影透明效果
2020-07-10 -
jquery列表放大图文排列效果(乐蜂网)
2020-07-10 -
CSS3鼠标经过图片3D翻转动画代码
2020-07-04 -
vuejs图片相册幻灯片轮播切换代码
2020-07-04 -
CSS3信用卡图片3D动画特效
2020-07-04 -
lightbox插件图片全屏缩放下载功能代码
2020-07-04 -
jQuery鼠标感知方向图片遮罩动画代码
2020-07-04 -
jquery+jcSlider插件+–+集幻灯片焦点图于一体效果
2020-07-09 -
响应式自适应屏幕尺寸Carousel轮播图插件
2020-07-04 -
jQuery左右全屏渐变切换焦点图
2020-07-07
猜你在找
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 找不到素材资源介绍文章里的示例图片？
- 大资源
- 2020-07-10Hi,初次和大家见面了,请多关照！
