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

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

http://www.bdbl.cn/

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

flash

都还没

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

wuyamoyun

2013-03-31 20:59:11 +08:00

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

qiayue

2013-03-31 21:01:11 +08:00

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

chaojie

2013-03-31 21:06:01 +08:00

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

qiayue

2013-03-31 21:08:55 +08:00

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

chaojie

2013-03-31 21:15:13 +08:00

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

qiayue

2013-03-31 21:25:29 +08:00

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

Loerise

2013-03-31 21:46:47 +08:00

楼上的回复真是。。。
@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-03-31 22:07:19 +08:00

chrome左侧顶部菜单有错位

qiayue

2013-03-31 22:09:14 +08:00

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

chaojie

2013-03-31 22:17:49 +08:00

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

aqb

2013-03-31 22:20:05 +08:00

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

版本Version 26.0.1410.43 m

qiayue

2013-03-31 22:32:25 +08:00

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

momou

2013-03-31 22:35:12 +08:00

一楼，哈哈哈。。。

nichan

2013-03-31 22:49:39 +08:00

我可以说比原版好吗……

qiayue

2013-03-31 22:53:26 +08:00

@nichan 谢谢啦

Loerise

2013-04-01 09:44:27 +08:00

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

qiayue

2013-04-01 10:06:39 +08:00

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

ghbjy1128

2013-04-01 10:40:19 +08:00

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

qiayue

2013-04-01 11:15:47 +08:00

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

hq5261984

2013-04-01 13:57:29 +08:00

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

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

qiayue

2013-04-01 14:19:13 +08:00

@hq5261984 哈哈，可以

workaholic

2013-04-01 19:27:21 +08:00

鼠标悬停应该加一个延迟

P233

2013-04-02 04:00:29 +08:00

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

P233

2013-04-02 20:53:45 +08:00

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

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

qiayue

2013-04-02 22:53:29 +08:00

@P233 不错！