效果如图:
原图 鼠标进入后开始变化图
实现需求:
页面加载开始,效果如原图所示,在鼠标进入盒子后,图片在当前鼠标位置高亮显示,其余图片变暗,依次交替进行。
代码:
代码分析:
1.页面结构HTML+CSS:
盒子居中 margin:100px auto;
盒子中包括一个ul,li中包含img
2.鼠标进入img,当前img高亮显示
ul>li>img").mouseover().css("opacity",1
3.鼠标移出img,取消当前img高亮显示
ul>li>img").mouseout((){ $().css("opacity",0.5); });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。