html js怎么实现点击一个标变色,比如说标是?,点击之后变成红心。
这个再编程中,很常见,也有很多种写法,介绍两种。
1.图标用img标签显示,再img标签点击后,更改img的src属性,改变图标,将原来的空心换成红心的图片。
2.图标用css控制,设置background-image显示空心的背景图片,这里图片最好是png的,点击后换成红心的图片。
无论哪种,注意记录用户的点击行为,下次进去后直接显示红心的图标。比如百度app的点赞,要记录用户再哪个帖子点赞了,下次该用户再查看这个帖子的时候,默认显示点赞后的图标。