锁定老帖子 主题:页面正在加载组件 (开源)
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2007-04-02
作者:kiral,http://fantasy.iteye.com/blog/67320,转载请保留。 出场白: 任何jsp页面只要使用<!---->包含附件中的loading.jsp将自动拥有“页面正在加载的。。”提示信息,在页面加载完后将自动隐藏。效果见附件。 第1个附件是效果图,当用户访问页面的时候,会出现这个效果图,页面加载完了后,提示就会自动消失。 第2个附件是用UTF-8编码的组件,如果你的项目使用的是UTF-8编码,请下载这个。 第3个附件是GB2312编码的。 我为什么使用这个组件? 1。交互性。 客户清楚知道,你的页面是在加载,需要等待,而不用对着一个空白的网页发呆。 2。方便。 对于程序员来说,只要包含loading页面,就能自动拥有“页面正在加载”功能。 3。美观。类似于yui-ext的效果。 4。跨平台。在IE6和firefox2.0.03下测试成功。new~(在2.0里提供) 2.0 see:http://kiral.iteye.com/blog/67813 5。低侵入性。不会影响包含这个组件的页面,对其他方法的调用。 PS:欢迎大家讨论改善意见! 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2007-04-02
不错哦,先下载了试一下,期待楼主继续努力,最好支持firefox
|
|
返回顶楼 | |
发表时间:2007-04-02
先看看
|
|
返回顶楼 | |
发表时间:2007-04-02
试试看。谢谢
|
|
返回顶楼 | |
发表时间:2007-04-03
zack 写道 不错哦,先下载了试一下,期待楼主继续努力,最好支持firefox
恩,我也在思考这个问题,如何支持firefox?主要是里面用到了仅IE支持的方法。 |
|
返回顶楼 | |
发表时间:2007-04-03
有一个比较简单的实现方法
|
|
返回顶楼 | |
发表时间:2007-04-03
fantasy 写道 zack 写道 不错哦,先下载了试一下,期待楼主继续努力,最好支持firefox
恩,我也在思考这个问题,如何支持firefox?主要是里面用到了仅IE支持的方法。 哪些方法仅IE支持,列出来看看。。 |
|
返回顶楼 | |
发表时间:2007-04-03
fantasy 写道 zack 写道 不错哦,先下载了试一下,期待楼主继续努力,最好支持firefox
恩,我也在思考这个问题,如何支持firefox?主要是里面用到了仅IE支持的方法。 onload事件触发的时候删除div |
|
返回顶楼 | |
发表时间:2007-04-03
quaff 写道 fantasy 写道 zack 写道 不错哦,先下载了试一下,期待楼主继续努力,最好支持firefox
恩,我也在思考这个问题,如何支持firefox?主要是里面用到了仅IE支持的方法。 onload事件触发的时候删除div 可以参考网易邮箱的loading实现方式, 那是用多框架来实现的.效果还不错 |
|
返回顶楼 | |
发表时间:2007-04-03
<html> <head> </head> <body> <div id="target">页面加载完后,我就滚蛋了。。。</div> </body> <script> if (window.attachEvent) { window.attachEvent("onload", remove); } else if (window.addEventListener) { window.addEventListener("load", remove, false); } function remove() { var div = document.getElementById("target"); document.body.removeChild(div); } </script> </html> Firefox2.0.0.3, IE6 下通过测试 |
|
返回顶楼 | |