[更新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.有时候会失效,不知道为什么 大家看看还有没什么好的改进方法,目前用select效果很好,输入框的话焦点转换还是会显示出来。
失效的问题头疼:dizzy: 思路不错,我稍后研究研究。
效果好像不大行,鼠标一进入,Firefox下整个层要么消失,要到闪。 我用chrome测试的,有时候容易失效 思路不错,我稍后研究研究。
效果好像不大行,鼠标一进入,Firefox下整个层要么消失,要到闪。
尹广磊 发表于 2010-9-2 21:30 http://www.hiaxure.com/images/common/back.gif
更新了v1.1版本,修正了在FF和IE下的问题
主要是因为不断重复执行刷新任务造成的,修改了一下刷新条件OK了 ding 呵呵~今天做了个,完美循环,楼主可以看看
完美轮换,未使用框架,实现:
1.增加鼠标移入停止,鼠标移出轮换
2.模块化,要更换图片只需在模块中修改即可
使用Axure6.0.0.2844制作。http://www.hiaxure.com/thread-2878-1-1.html 呵呵~今天做了个,完美循环,楼主可以看看
2610
完美轮换,未使用框架,实现:
1.增加鼠标移入停止,鼠标移出轮换
2.模块化,要更换图片只需在模块中修改即可
使用Axure6.0.0.2844制作。http://www.webppd ...
曾俊龙 发表于 2011-2-20 15:28 http://www.hiaxure.com/images/common/back.gif
:lol 下载下来研究下 看着效果真不错 确实是效果不错啊,下载来慢慢学习 tks for sharing 感谢 学习一下 我也做了一个,共同交流探讨,6.0上做的确简单了很多
http://www.hiaxure.com/viewthread.php?tid=3234&highlight= 7# 曾俊龙
axure 6.0 正式版可以在哪下载?我用的是测试版!所以打不开 菜鸟求教程~~~ 效果很好啊 呵呵~今天做了个,完美循环,楼主可以看看
2610
完美轮换,未使用框架,实现:
1.增加鼠标移入停止,鼠标移出轮换
2.模块化,要更换图片只需在模块中修改即可
很好很强大!
最巧妙之处是用了2个很接近的动态面板,解决了随机点一个广告位有可能阻断继续轮播的难题。
我之前也做了一个,但是是单个动态面板的,不动还可以很正常、流畅的轮播,但是鼠标一随机触发其中之后,后面轮播的时间间隔就越来越短了,越触发,轮播则越快。 怎么弄的呢? 顶起,求助怎么弄的,有没有说明教程webppd:money
页:
[1]
2