假装异步加载
blog饰品   November 27, 2008   引用(0)   
点击在新窗口中浏览此图片
方法来自aw,鬼火只做些无关紧要的修改,效果如图所示。

1.打开风格的elements.php,查找
<link rel="alternate" title="{blogname}" href="feed.php" type="application/rss+xml" />

于下方加入
<style type="text/css">
#loading {
  z-index:1;
  position:fixed !important;
  position:absolute; /* I hate IE6 */
  left:0;
  top:0;
  padding:5px 9px;
  background:#c44;
  color:#fff;
}
</style>


2.找到
<body>

于下方插入
  <div id="loading">正在加载……</div>


3.查找
</body>

于上方强行插入
<script type="text/javascript">
  //<![CDATA[
  document.write('<style>#loading{display:none}<\/style>');
  //]]>
</script>


4.抠抠脚丫,打完收工

如无特殊鬼火今后的风格均会插入这一坨东西,使用Operafans2的同学可直接移步这里享受便民服务。

其他衍生版本:
大猫 - (无修正)给页面加Loading
武斌 - 也谈给页面加上Loading提示的方法
This entry comes from 本站原创 and has been read for 7899 times. It is tagged with , .
panda Email Homepage says: at November 29, 2008 15:31
我也加上了!
taotao Homepage says: at November 28, 2008 13:37
给您个提议...在LOADING的时候加个动态加载GIF更亲切^_^

找到
引用
<body>

a
于下方插入

引用
<div id="loading">正在加载……<IMG height=16 src="http://www.94jiong.com.cn/template/Operafans2/images/loading.gif" width=16></div>
鬼火 回复于 November 28, 2008 21:04
玩法还很多。还有,别称我“您”sweat
taotao Homepage says: at November 28, 2008 13:22
鬼火大哥终于写博客了....
等的好辛苦~~~
长期订阅你啦^_^
支持咯~我去试试~

博客很有质量!
luyc Email says: at November 28, 2008 08:27
谢了啊!
大猫 Email Homepage says: at November 28, 2008 00:32
shockpanst表情,赞
话说,我是非常喜欢opera设计
但是不得不靠firebug混饭吃
还有个bug...
选择openid登录后,再点一次取消掉
提交的时候提示openid错误..我靠我取消了歪...a
鬼火 回复于 November 28, 2008 08:42
恭喜你发现bug一只。
我说的opera下问题指的是引号超出,有图有真相

点击在新窗口中浏览此图片
http://www.404cn.net/blog/attachment/200811/1227832824_33801bc1.jpg
分页: 2/2 第一页 上页 1 2 最后页
发表评论

昵称

网址

电邮

OpenID登入 高级选项 表情