正在施工中，目前在设计前端页面，边设计边实现，看图
(点击上图查看原始大图)
设想是，每一句歌词鼠标hover都会出现 ♥ Like 按钮，点击可进行喜欢操作，并且黄色条长度动态变化。
每行歌词右边的黄色条显示该句歌词占本歌曲所有歌词的喜欢总数的百分比。
假设你进入该页面时，第1、2、3句歌词喜欢数分别是1、1、1，其他句都是0，那么前3句的百分比都是33.3%，则黄色条的长度都是960px*33.3%=320px。
此时，你对第2句进行了喜欢操作，那么，占比分别是25%、50%、25%，黄色条长度分别变为240px、480px、240px，用 jquery 的 animate 实现动态效果。
特点：对每一句歌词都可进行操作、大字、大图、易于社会化分享（尚未在图中体现）
你们喜欢吗？
求意见建议！
会有感谢回复哦 :-D
(点击上图查看原始大图)
设想是，每一句歌词鼠标hover都会出现 ♥ Like 按钮，点击可进行喜欢操作，并且黄色条长度动态变化。
每行歌词右边的黄色条显示该句歌词占本歌曲所有歌词的喜欢总数的百分比。
假设你进入该页面时，第1、2、3句歌词喜欢数分别是1、1、1，其他句都是0，那么前3句的百分比都是33.3%，则黄色条的长度都是960px*33.3%=320px。
此时，你对第2句进行了喜欢操作，那么，占比分别是25%、50%、25%，黄色条长度分别变为240px、480px、240px，用 jquery 的 animate 实现动态效果。
特点：对每一句歌词都可进行操作、大字、大图、易于社会化分享（尚未在图中体现）
你们喜欢吗？
求意见建议！
会有感谢回复哦 :-D
1
Select Language