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

年前帮朋友做的一个站,求鉴赏鞭挞(用 js 仿 Flash 站)

  •  
  •   qiayue · 2013-03-31 20:55:07 +08:00 · 3992 次点击
    这是一个创建于 4245 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://www.bdbl.cn/

    仿的是 http://www.25togo.com/ ,这个站全站 Flash ,我用 js 仿的,所以动画比较生硬。
    只做了关于我们模块,案例展示和商店暂时都还没做。
    25 条回复    1970-01-01 08:00:00 +08:00
    wuyamoyun
        1
    wuyamoyun  
       2013-03-31 20:59:11 +08:00   ❤️ 1
    非常的高端大气上档次,我鼠标上去晃了几下,现在还没停
    qiayue
        2
    qiayue  
    OP
       2013-03-31 21:01:11 +08:00
    @wuyamoyun 哈哈,那么我暂时没找到解决办法,或者说可能我想的办法太复杂,还没去实现。
    我想的是记录鼠标停留时间,一晃而过的(即时间短的)就不去响应,不知道还有没有其他方法。
    chaojie
        3
    chaojie  
       2013-03-31 21:06:01 +08:00   ❤️ 1
    @qiayue 一次动画没完成滑出去了就取消,就算不取消也不能再去响应下一次事件了啊
    qiayue
        4
    qiayue  
    OP
       2013-03-31 21:08:55 +08:00
    @chaojie 我用的是 animate ,不知道是否适用你说的方法?
    chaojie
        5
    chaojie  
       2013-03-31 21:15:13 +08:00   ❤️ 1
    @qiayue 给动画的元素加个属性判断动画状态,是正在进行还是已经完成。可以在callback里设定完成状态
    qiayue
        6
    qiayue  
    OP
       2013-03-31 21:25:29 +08:00
    @chaojie 明白了,这是个好方法。谢谢!
    Loerise
        7
    Loerise  
       2013-03-31 21:46:47 +08:00   ❤️ 2
    楼上的回复真是。。。
    @chaojie 自己查下jQuery的.clearQueue();
    再给个暴力有效的例子:
    $('div').hover(
    function (){
    $(this).animate({
    height:'200px',
    background:'black'
    },1000).clearQueue();
    },
    function(){
    $(this).animate({
    height:'100px',
    background:'red'
    },1000).clearQueue();
    }
    )
    aqb
        8
    aqb  
       2013-03-31 22:07:19 +08:00   ❤️ 1
    chrome左侧顶部菜单有错位
    qiayue
        9
    qiayue  
    OP
       2013-03-31 22:09:14 +08:00
    @aqb ? 我也是 Chrome ,没发现,可否截图?
    谢谢了
    chaojie
        10
    chaojie  
       2013-03-31 22:17:49 +08:00
    @Loerise 我说为嘛每次想做点动画效果都感觉那么坑。。。
    aqb
        11
    aqb  
       2013-03-31 22:20:05 +08:00   ❤️ 1
    @qiayue 这里不知道怎么发图,你去看吧
    http://www.douban.com/photos/photo/1922369139/large

    版本Version 26.0.1410.43 m
    qiayue
        12
    qiayue  
    OP
       2013-03-31 22:32:25 +08:00
    @aqb 感谢,是 -99em 惹的祸,在你的宽屏显示器上,负得不够彻底,就被显示出来了。
    momou
        13
    momou  
       2013-03-31 22:35:12 +08:00
    一楼,哈哈哈。。。
    nichan
        14
    nichan  
       2013-03-31 22:49:39 +08:00   ❤️ 1
    我可以说比原版好吗……
    qiayue
        15
    qiayue  
    OP
       2013-03-31 22:53:26 +08:00
    @nichan 谢谢啦
    Loerise
        16
    Loerise  
       2013-04-01 09:44:27 +08:00   ❤️ 1
    @qiayue 查下jQuery的.clearQueue();
    例子看上面
    之前忘记 @ 你了...
    qiayue
        17
    qiayue  
    OP
       2013-04-01 10:06:39 +08:00
    @Loerise 我之前已经看到了,多谢提醒。
    ghbjy1128
        18
    ghbjy1128  
       2013-04-01 10:40:19 +08:00   ❤️ 1
    .stop(false, false) 就可以。 按实际需求配合。not方法
    http://css-tricks.com/examples/jQueryStop/
    qiayue
        19
    qiayue  
    OP
       2013-04-01 11:15:47 +08:00
    @ghbjy1128 你这个很赞,直接有不同用法对比示例
    我本地试了一下, stop(true, false) 就符合我的要求
    线上的暂时改不了,需要等朋友给ftp
    hq5261984
        20
    hq5261984  
       2013-04-01 13:57:29 +08:00   ❤️ 1
    精品 大气 清爽 漂亮 豪华 时尚 创意 大方

    网页设计能用来装B的词我都打上了,楼主自行组合排列夸奖自己吧。
    qiayue
        21
    qiayue  
    OP
       2013-04-01 14:19:13 +08:00
    @hq5261984 哈哈,可以
    workaholic
        22
    workaholic  
       2013-04-01 19:27:21 +08:00
    鼠标悬停应该加一个延迟
    P233
        23
    P233  
       2013-04-02 04:00:29 +08:00
    同样的效果可以用 CSS3 模仿出来,但是兼容性就没办法了
    P233
        24
    P233  
       2013-04-02 20:53:45 +08:00   ❤️ 1
    http://peters-playground.com/demo/css3_slider_practice/

    正好 CSS3 写 slider 不太熟,练习一下,还真模仿出来了,呵呵
    qiayue
        25
    qiayue  
    OP
       2013-04-02 22:53:29 +08:00
    @P233 不错!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5852 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 03:00 · PVG 11:00 · LAX 19:00 · JFK 22:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.