年前帮朋友做的一个站,求鉴赏鞭挞(用 js 仿 Flash 站) - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
qiayue
V2EX    分享创造

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

  •  
  •   qiayue
    PRO
    2013-03-31 20:55:07 +08:00 4392 次点击
    这是一个创建于 4653 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
    PRO
       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
    PRO
       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
    PRO
       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
    PRO
       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
    PRO
       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
    PRO
       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
    PRO
       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
    PRO
       2013-04-01 11:15:47 +08:00
    @ghbjy1128 你这个很赞,直接有不同用法对比示例
    我本地试了一下, stop(true, false) 就符合我的要求
    线上的暂时改不了,需要等朋友给ftp
    hq5261984
        20
    hq5261984  
       2013-04-01 13:57:29 +0800   1
    精品 大气 清爽 漂亮 豪华 时尚 创意 大方

    网页设计能用来装B的词我都打上了,楼主自行组合排列夸奖自己吧。
    qiayue
        21
    qiayue  
    OP
    PRO
       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
    PRO
       2013-04-02 22:53:29 +08:00
    @P233 不错!
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2764 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 38ms UTC 08:00 PVG 16:00 LAX 00:00 JFK 03:00
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86