cqggff 发表于 2010-9-2 16:01:29

[更新1.1]利用onfocus的循环效果(添加幻灯片实例,鼠标移上可停止,移出可继续播放)

先来实例:(本实例只作为研究axure功能用,请各位实际应用中尽量避免展现此类复杂的应用)
1.可自动循环播放
2.鼠标移上会停止
3.鼠标移开可继续循环播放

PS:有时候会失效,不知道什么原因。刷新页面重试就好。

目前该功能在chrome下效果最好
v1.1修正
1.修正了image map刷新页面的条件,修复了FF和IE下不断刷新的错误。以及减少了功能失效的概率。

上图:

下载实例:
v1.1修正版




下面是思路原型

做了一个小示范
主要思路:
1.在loadpage时把焦点转移到1组件上
2.等待500ms后把焦点转移到2组件上,同时2等待500ms后又把焦点转移到1组件上。

以此达到循环效果。

遗留问题:
1.手动停止功能
2.焦点丢失问题
3.如何隐藏焦点转换


v2.0更新

1.手动停止功能解决,参考了一下http://www.hiaxure.com/thread-377-1-1.html的刷新页面思路
2.使用panel缩小后隐藏焦点转换(因为隐藏panel焦点转换会失效)


目前未解决的其他问题:
1.焦点丢失问题还有待解决
2.有时候会失效,不知道为什么

cqggff 发表于 2010-9-2 17:10:56

大家看看还有没什么好的改进方法,目前用select效果很好,输入框的话焦点转换还是会显示出来。

失效的问题头疼:dizzy:

尹广磊 发表于 2010-9-2 21:30:08

思路不错,我稍后研究研究。

效果好像不大行,鼠标一进入,Firefox下整个层要么消失,要到闪。

cqggff 发表于 2010-9-3 09:45:16

我用chrome测试的,有时候容易失效

cqggff 发表于 2010-9-3 09:56:38

思路不错,我稍后研究研究。

效果好像不大行,鼠标一进入,Firefox下整个层要么消失,要到闪。
尹广磊 发表于 2010-9-2 21:30 http://www.hiaxure.com/images/common/back.gif

更新了v1.1版本,修正了在FF和IE下的问题
主要是因为不断重复执行刷新任务造成的,修改了一下刷新条件OK了

qin397 发表于 2011-2-18 17:40:47

ding

iamnick 发表于 2011-2-20 15:28:39

呵呵~今天做了个,完美循环,楼主可以看看


完美轮换,未使用框架,实现:
1.增加鼠标移入停止,鼠标移出轮换
2.模块化,要更换图片只需在模块中修改即可

使用Axure6.0.0.2844制作。http://www.hiaxure.com/thread-2878-1-1.html

cqggff 发表于 2011-2-21 13:02:21

呵呵~今天做了个,完美循环,楼主可以看看
2610

完美轮换,未使用框架,实现:
1.增加鼠标移入停止,鼠标移出轮换
2.模块化,要更换图片只需在模块中修改即可

使用Axure6.0.0.2844制作。http://www.webppd ...
曾俊龙 发表于 2011-2-20 15:28 http://www.hiaxure.com/images/common/back.gif
:lol 下载下来研究下

曲建菲 发表于 2011-3-3 11:06:55

看着效果真不错

M~N 发表于 2011-4-1 13:58:31

确实是效果不错啊,下载来慢慢学习

cchenjei 发表于 2011-4-1 16:58:27

tks for sharing

藤藤树 发表于 2011-4-2 01:31:44

感谢

hjlwy 发表于 2011-4-2 13:43:55

学习一下

马克 发表于 2011-4-2 13:49:06

我也做了一个,共同交流探讨,6.0上做的确简单了很多

http://www.hiaxure.com/viewthread.php?tid=3234&highlight=

谭云牛 发表于 2011-4-12 16:19:34

7# 曾俊龙

axure 6.0 正式版可以在哪下载?我用的是测试版!所以打不开

1437xwly 发表于 2011-4-15 11:00:26

菜鸟求教程~~~

郭雷 发表于 2011-4-22 11:41:59

效果很好啊

老蔡 发表于 2011-7-4 10:10:06

呵呵~今天做了个,完美循环,楼主可以看看
2610

完美轮换,未使用框架,实现:
1.增加鼠标移入停止,鼠标移出轮换
2.模块化,要更换图片只需在模块中修改即可


很好很强大!
最巧妙之处是用了2个很接近的动态面板,解决了随机点一个广告位有可能阻断继续轮播的难题。
我之前也做了一个,但是是单个动态面板的,不动还可以很正常、流畅的轮播,但是鼠标一随机触发其中之后,后面轮播的时间间隔就越来越短了,越触发,轮播则越快。

Kyouda_YAN 发表于 2011-10-17 15:43:26

怎么弄的呢?

jbllqz 发表于 2011-10-28 11:32:19

顶起,求助怎么弄的,有没有说明教程webppd:money
页: [1] 2
查看完整版本: [更新1.1]利用onfocus的循环效果(添加幻灯片实例,鼠标移上可停止,移出可继续播放)