简单的模仿淘宝鼠标换图

一般项目中经常会写鼠标经过变换图片,简单的写下记录下来以后留着直接用,很简单实用的小例子


鼠标点击变换图片效果展示

1,首先布局部分及不在多说,直接贴代码


css代码

2.js部分,声明一个函数,取到li的上的图片,然后改变box的背景图片 


js代码
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,983评论 25赞 708
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1赞 92
  • Github_web_1
    一:在制作一个Web应用或Web站点的过程中，你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,207评论 0赞 1
  • 通讯与社交及信息传递形式效率的简短思考
    通讯目的是传递信息，社交目的是展现自己(或更好的自己)。通讯往往是点对点的传递，传递目标明确。社交往往一对多传递，...
    褪蓝阅读 1,038评论 0赞 0
  • 清晨与我侄子的一番谈话
    我这几天住在我哥哥家，我们几个的生活可以用“兵荒马乱”来形容，我哥和我侄子忙着早出晚归上班上学，我嫂子忙着带我小侄...
    子鱼ziyu阅读 700评论 1赞 4