之前,我们实现鼠标移动,图片切换的效果,大多使用js实现。但最近工作需要,发现用css直接实现也是不错的。 说明:通过ul li span插入图片,一个span包含一个图片,一个图片隐藏,一个图片显示。通过li:hover,li:active,来切换2个图片的显示。因为项目中img是动态提取js生成的html,个数也不一定,这样子整体不固定,方便了框架的管理
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号