一个受ChangeMarks.com启发的歌词网站，可以对每一句歌词进行♥喜欢操作，黄色条直观显示歌词受欢迎程度，求意见
qiayue · 2012-10-09 16:25:19 +08:00 · 3020 次点击这是一个创建于 4217 天前的主题，其中的信息可能已经有所发展或是发生改变。
正在施工中，目前在设计前端页面，边设计边实现，看图
(点击上图查看原始大图)
设想是，每一句歌词鼠标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
liaa 2012-10-09 16:35:59 +08:00  1
楼主，图没有呢？
|
 |
3
qiayue OP 如果还是看不到图的话，这里有微博是个好图床2的相册地址：http://photo.weibo.com/2806967700/wbphotos/large/photo_id/3499259569855182?refer=weibofeedv5
|
|
4
liaa 2012-10-09 17:28:21 +08:00 1
如果数据量够得话，用来做分享，发现就比较不错。可以看看一个艺术家被人最喜欢的几句歌词，然后可以去找那些歌。
数据展示方面，感觉直观一点最好：用字号和颜色来区别。 点击艺术家名字，可以获得其更多歌曲信息，这样方便发现音乐。  |
|
5
liaa 2012-10-09 17:30:44 +08:00
|
|
7
qiayue OP 求意见
|
Select Language