大家先来跟我学一个单词
那就是传说中的[無修正]!
跟着老师念: mo xiu sei (拼音第一声)
好,接下来我要对阿呜(aw)同学的那篇给页面加上Loading效果最简单实用的办法做一下修正
阿呜的方法系酱紫滴
建立一个div,一个css,一个js
div就素那一坨字
假装在异步加载ing...
css就素那一抹红
#loading{
z-index:1;
padding:5px 0 5px 9px;
background:#c44;
left:0;
top:0;
width:90px;
color:#fff;
position:fixed;
}
js让丫消失(用的jquery框架,推荐大家使用)
大猫同学进行了再一次的艺术加工处理
原html没啥子缺点,文案要改的话自由发挥
原css缺点:ie6不支持的position:fixed,再说ie也不支持圆角
考虑js去fixed成本太高,这里推荐加上float属性
原因是如果loading和大猫一样是竖着来的,不float会很挫
假若横着,float了也不错
#loading {
-moz-border-radius-bottomright:5px;/* FF专用圆角属性 */
float:left;/* 横竖都不挫 */
width:26px; /* 如果你也想盲目跟风就修改width和height和padding */
}
原js消失方式是突然来那么一下
身为一枚老师,是绝对不允许早x的
so
这里采用了jquery.hide的参数slow(ie6下效果尤佳)
具体写法可以参照俺的common.js
jquery真是所有男人的福音啊
发表回复