V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
qiayue
V2EX  ›  分享创造

一个受ChangeMarks.com启发的歌词网站,可以对每一句歌词进行♥喜欢操作,黄色条直观显示歌词受欢迎程度,求意见

  •  
  •   qiayue · 2012-10-09 16:25:19 +08:00 · 3115 次点击
    这是一个创建于 4429 天前的主题,其中的信息可能已经有所发展或是发生改变。
    正在施工中,目前在设计前端页面,边设计边实现,看图


    (点击上图查看原始大图)

    设想是,每一句歌词鼠标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
    10 条回复    1970-01-01 08:00:00 +08:00
    liaa
        1
    liaa  
       2012-10-09 16:35:59 +08:00   ❤️ 1
    楼主,图没有呢?
    qiayue
        2
    qiayue  
    OP
       2012-10-09 16:39:49 +08:00
    @liaa 咦?我用的是微博是个好图床,我这里可以看到主贴的图片
    又传了一次
    qiayue
        3
    qiayue  
    OP
       2012-10-09 16:45:22 +08:00
    如果还是看不到图的话,这里有微博是个好图床2的相册地址:http://photo.weibo.com/2806967700/wbphotos/large/photo_id/3499259569855182?refer=weibofeedv5
    liaa
        4
    liaa  
       2012-10-09 17:28:21 +08:00   ❤️ 1
    如果数据量够得话,用来做分享,发现就比较不错。可以看看一个艺术家被人最喜欢的几句歌词,然后可以去找那些歌。
    数据展示方面,感觉直观一点最好:用字号和颜色来区别。 点击艺术家名字,可以获得其更多歌曲信息,这样方便发现音乐。
    liaa
        5
    liaa  
       2012-10-09 17:30:44 +08:00
    qiayue
        6
    qiayue  
    OP
       2012-10-09 17:38:59 +08:00
    @liaa 字号大小也是一种思路,感谢
    qiayue
        7
    qiayue  
    OP
       2012-10-09 19:49:40 +08:00
    求意见
    reorx
        8
    reorx  
       2012-10-09 20:23:42 +08:00   ❤️ 1
    对歌词的感受只有在欣赏音乐的时候才最为深刻,楼主可以考虑给歌词页增加播放功能,滚动显示歌词,这样,如果是我的话,我会边听边为我喜欢的歌词加上 ♥

    看到 @liaa 发虾米的链接,我想可以嵌一个虾米的播放器进去。话说你一定很喜欢 Welcome to the Black Parade 吧,我也很喜欢呢。
    qiayue
        9
    qiayue  
    OP
       2012-10-09 20:25:16 +08:00
    @reorx 嵌入虾米播放器是计划中要做的
    liaa
        10
    liaa  
       2012-10-09 22:20:57 +08:00
    @reorx 第一次听这首歌的时候,都掉眼泪了 (嗯,不要节操了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   959 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 22:46 · PVG 06:46 · LAX 14:46 · JFK 17:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.