26
11 月
(无修正)给页面加Loading
大家先来跟我学一个单词
那就是传说中的[無修正]!
跟着老师念: 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真是所有男人的福音啊
哇 一看见代码就等于看见了高科技了
～～～
@homer,
高科技😮 高级“
@飞鱼, 😉 雕虫小技…
你什么时候换宽屏的版啊。。。 😡
@yuki, – -后来想想还是这个小版面比较舒服… ❓
我上了他了，修改了position属性，绝对定位。
@tracy, 哈,这样子虽然不会随着页面一起跑,至少各个浏览器统一了
🙁
@BigCat 想知道你文中嵌入的插件！
@jk, http://wordpress.org/extend/plugins/wp-syntax/
check this out
加载…
你应该写个焦急缓冲的js..
@易水寒, 焦急缓冲?…高端词汇?
学习。以前阿里的同事。幸会！
@蓝天博客, 🙂 握手握手~~
模板很漂亮，请教个问题，我用了coolcode插件，但是我的代码样式还是不对头。不知道什么原因。
这是我用了代码的页面，请帮我看看。谢谢了
http://18tvb.com/wordpress-to-the-editor-of-the-add-button-coolcode.html
@mr wu, 🙄 介个,在加入代码的时候要用pre包含,然后定义属性lang=”javascript”,如果需要行号,还需要加入起始行号line=”1″
是按照说明书走的么?
😈 大猫同学，N久不见。你的博客更加法力无限，无与伦比，出神入化了。。。
俺是wusuowei同事，还记得不？
@猫, 😮 ,无老师好,现在偶也是一枚老师了…过瘾…
现在在哪里捏?都米消息了..
不过偶也忙的不行
现在想想还是放在边上好~~ 😯
有空把自己的改到边上去~ 😛
@小墨, 🙂 个人爱好不一样
Anothr feed track -大猫爪 BigCat’s Paw…
One new subscriber from Anothr Alerts…
很棒
猫啊，你那个上面的图片很有意思啊，还有个办证～哈哈
@gowers, 😆 听花花说他在武林广场上看到一只流浪狗,头顶一纸条
办证
404那家伙原来在这里偷的 😛
@China_Y, 那个图?不是我画的啦,也是网上搞的哈
😳 😮 🙁 😡
太有才了，可我还是不会用。。。能不能写个傻瓜版的 😮
@David, 😯 aw同学那篇写的比较通俗点..基本上就是丢个样式在style.css ,丢个div在body最前,丢个js在body最后
@BigCat, 我去cc 😮
好漂亮的皮肤，能共享吗？大猫同志。
@世纪之光, 😳 这款皮肤基于mayabox v1修改的,而且修改了太多…以至于都不能直接拿出来分享…最近每天加班.等有时间的时候整理下发出来:)
可以先去用mayabox v1凑合…虽然好多问题..N年的老主题了
@BigCat, 真的是相当不错，我先去看看
mayabox v1
我发现我的网站在你这里总是风雨飘摇，不定什么时候就不见了。。。 😯
@caixiaoeva, 😳 ?不是蹲在右边么…
大猫最近很忙啊 😆
@老孔, 🙁 日夜加班…