- 资源介绍
- 更新记录
- 安装教程
不需要js即可实现的鼠标悬停图片高亮效果。当然，其中添加了一些css3代码，高版本浏览器下效果更好。
原理：鼠标悬停在整个div上的时候，让所有li标签的背景颜色变为黑色，同时设置所有图片不透明度为50%，这样看起来所有图片上好像蒙上了一层阴影。
然后再给具体鼠标悬停的图片的不透明度设为100%即可实现我们想要的效果。
核心css代码请见附件lanrenzhijia.css中 8-10行样式代码
文章来自大资源网https://www.dzy10.com转载请保留本链接，谢谢!
猜你喜欢
-
js带导航菜单Banner焦点图轮播代码
2020-07-07 -
jQuery+CSS3交互式头像图片网格布局代码
2020-07-04 -
海尔官方网站左右全屏焦点图特效
2020-07-10 -
jQuery无缝图片渐变切换特效
2020-07-04 -
jQuery全屏图片放大缩小切换特效
2020-07-04 -
切换按钮为进度条样式的banner焦点图
2020-07-07 -
jQuery鼠标悬停图片由中心点逐渐放大效果
2020-07-10 -
jquery模拟手机触屏上下滚动效果
2020-07-07 -
JS制作的带数字切换焦点图代码
2020-07-11 -
iphone手机上下全屏切换焦点图
2020-07-09
-
jquery马赛克图片切换效果
2020-07-10 -
jquery滑动导航条幻灯片切换
2020-07-10 -
js+css实现qq客服上用的焦点图片代码
2020-07-10 -
jquery实现图片水平滚动效果
2020-07-10 -
JS点击小图弹出大图切换展示代码
2020-07-04 -
jQuery旋转木马焦点图轮播插件PicCarousel
2020-07-07 -
jQuerytouchSlider触屏满屏左右滚动幻灯片
2020-07-09 -
jQuery带左右箭头的图片轮播切换代码
2020-07-07 -
Apple淡入淡出效果代码
2020-07-10 -
jquery实现鼠标移动到图片上变暗特效
2020-07-10
猜你在找
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 找不到素材资源介绍文章里的示例图片？
- 大资源
- 2020-07-10Hi,初次和大家见面了,请多关照！
