年前帮朋友做的一个站，求鉴赏鞭挞（用 js 仿 Flash 站）

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 4682 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://www.bdbl.cn/

仿的是 http://www.25togo.com/ ，这个站全站 Flash ，我用 js 仿的，所以动画比较生硬。
只做了关于我们模块，案例展示和商店暂时都还没做。

flash

都还没

25 条回复 • 1970-01-01 08:00:00 +08:00

wuyamoyun

2013 年 3 月 31 日

非常的高端大气上档次，我鼠标上去晃了几下，现在还没停

qiayue

PRO

2013 年 3 月 31 日

@wuyamoyun 哈哈，那么我暂时没找到解决办法，或者说可能我想的办法太复杂，还没去实现。
我想的是记录鼠标停留时间，一晃而过的（即时间短的）就不去响应，不知道还有没有其他方法。

chaojie

2013 年 3 月 31 日

@qiayue 一次动画没完成滑出去了就取消，就算不取消也不能再去响应下一次事件了啊

qiayue

PRO

2013 年 3 月 31 日

@chaojie 我用的是 animate ，不知道是否适用你说的方法？

chaojie

2013 年 3 月 31 日

@qiayue 给动画的元素加个属性判断动画状态，是正在进行还是已经完成。可以在callback里设定完成状态

qiayue

PRO

2013 年 3 月 31 日

@chaojie 明白了，这是个好方法。谢谢！

Loerise

2013 年 3 月 31 日

楼上的回复真是。。。
@chaojie 自己查下jQuery的.clearQueue()；
再给个暴力有效的例子：
$('div').hover(
function (){
$(this).animate({
height:'200px',
background:'black'
},1000).clearQueue();
},
function(){
$(this).animate({
height:'100px',
background:'red'
},1000).clearQueue();
}
)

aqb

2013 年 3 月 31 日

chrome左侧顶部菜单有错位

qiayue

PRO

2013 年 3 月 31 日

@aqb ? 我也是 Chrome ，没发现，可否截图？
谢谢了

chaojie

2013 年 3 月 31 日

@Loerise 我说为嘛每次想做点动画效果都感觉那么坑。。。

aqb

2013 年 3 月 31 日

@qiayue 这里不知道怎么发图，你去看吧
http://www.douban.com/photos/photo/1922369139/large

版本Version 26.0.1410.43 m

qiayue

PRO

2013 年 3 月 31 日

@aqb 感谢，是 -99em 惹的祸，在你的宽屏显示器上，负得不够彻底，就被显示出来了。

momou

2013 年 3 月 31 日

一楼，哈哈哈。。。

nichan

2013 年 3 月 31 日

我可以说比原版好吗……

qiayue

PRO

2013 年 3 月 31 日

@nichan 谢谢啦

Loerise

2013 年 4 月 1 日

@qiayue 查下jQuery的.clearQueue()；
例子看上面
之前忘记 @ 你了...

qiayue

PRO

2013 年 4 月 1 日

@Loerise 我之前已经看到了，多谢提醒。

ghbjy1128

2013 年 4 月 1 日

.stop(false, false) 就可以。按实际需求配合。not方法
http://css-tricks.com/examples/jQueryStop/

qiayue

PRO

2013 年 4 月 1 日

@ghbjy1128 你这个很赞，直接有不同用法对比示例
我本地试了一下， stop(true, false) 就符合我的要求
线上的暂时改不了，需要等朋友给ftp

hq5261984

2013 年 4 月 1 日

精品大气清爽漂亮豪华时尚创意大方

网页设计能用来装B的词我都打上了，楼主自行组合排列夸奖自己吧。

qiayue

PRO

2013 年 4 月 1 日

@hq5261984 哈哈，可以

workaholic

2013 年 4 月 1 日

鼠标悬停应该加一个延迟

P233

2013 年 4 月 2 日

同样的效果可以用 CSS3 模仿出来，但是兼容性就没办法了

P233

2013 年 4 月 2 日

http://peters-playground.com/demo/css3_slider_practice/

正好 CSS3 写 slider 不太熟，练习一下，还真模仿出来了，呵呵

qiayue

PRO

2013 年 4 月 2 日

@P233 不错！