VPS    微软    Win10    云市场    苹果    Office2016

PJ-Blog教程┊为Blog添加漂亮的“载入中”对话框

 技术教程   2006-06-19

想不到竟然这么多朋友想知道我的载入画面是怎么做的~~呵呵,好像这个在PJBlog的论坛上曾经见过,不过还是再写一篇日志吧。演示嘛,还是看我的网站就看到了。www.x-force.cn
首先,打开header.asp,在[head]的后面,插入以下代码:
www.x-force.cn<%'=======X-Force添加的Loading界面==========%>

function animate()
{
var elem = document.getElementById('progress');
if(elem != null) {
if (pos==0) len += dir;
if (len>32 || pos>179) pos += dir;
if (pos>179) len -= dir;
if (pos>179 && len==0) pos=0;
elem.style.left = pos;
elem.style.width = len;
}
}
function remove_loading() {
this.clearInterval(t_id);
var targelem = document.getElementById('loader_container');
targelem.style.display='none';
targelem.style.visibility='hidden';
initJS();
}

<%'============X-Force添加的Loading界面==========%>

然后,找到:www.x-force.cn

将其修改为:www.x-force.cn

<%'===========X-Force的Loading界面==========%>

  本站靓靓の页面正在很用力de加载中...

    版权归 www.X-Force.cn 所有
  

<%'===========X-Force的Loading界面==========%>
好了,就这么简单。www.x-force.cn

注:尊重版权,转载时请注明出处,谢谢合作。

各位正在潜水的同学请注意,有 22 位无聊人士 在异次元附近海域出没!
  • 在几个朋友的Blog上见到了他们使用了我的载入中的对话框了,小有成就感~[cool]

    6 10
     
  • 用了,很好哦,谢谢站长…

    9 10
     
  • 不但用不了,还把我的博客的设置都搞乱了!!!!你看看www.lingjianlong.cn/blog请你想想办法补救一下!

    7 10
     
  • 既然你已经发现有错误了,就请你快改过来

    10 10
     
  • 首先,我没有发现有问题,很多朋友已经在用了
    其次,只要使用正确,是不会搞乱的,如果乱了,你恢复一下原来的header.asp就没事了。

    9 10
     
  • 站长我用了这个loading条“我们页面都加载完了 他自己还不消失啊`一直赖着了“`~~具体请看www.lonxo.com
    这个问题改怎么解决呀[smile]

    6 10
     
  • 看看。。。好好的东西啊。。

    7 10
     
  • 不错,用了,感谢![stun]

    9 10
     
  • 站长:我在应用你的laoding时候想把整个宽度改一下
    现在只找到两个宽度定义width:230px;和width:213px;
    如果只把这两个改短后 滚动条会滚出这个界限,
    不知道从何修改?麻烦站长在我的博客上给我留个言好吗?
    http://zuoan.35e.net/
    万分期盼中!谢谢!!!

    7 10
     
  • animate()函数里面的数值也要相应的改变才正确的。。。

    9 10
     
  • 非常感谢站长,我也引用了你的这个,也成功了,非常感谢,特留下足迹,呵呵

    6 10
     
  • 真的是太棒了[stun]
    呵呵…

    9 10
     
  • 啊 啊
    我引用了,但是页面变的 很不好看了~!
    55
    不知道哪里出问题了~![wink]

    10 10
     
  • 我想知道你的背景是怎么样弄成透明的
    谢谢
    找了半天没看到[Belial]

    9 10
     
  • 哦~~那是我另外又改了一下……
    在CS·S里加了filter:alpha(opacity=透明度);

    8 10
     
  • 我改了改,可还是不知如何把它放在右上角!![Yoci-13]
    请教教我好吗?[Yoci-29]

    9 10
     
  • 不好意思站長,我用了上述方法後,不管哪裡那是亂碼,請問下原因何故呢?盼解答!
    我的E-MAIL:KEQIN#FOXMAIL.COM
    謝謝!
    —————————–
    < X-Force 温馨回复 ^_^ > 这个应该是编码的问题,你试试不要复制那些中文,自己用输入法输入。。。将文件保存成utf-8格式看看

    10 10
     
  • [Yoci-01]真不错!

    6 10
     
  • 你好 ,怎么把那个加载变成呢个蓝色的啊 似乎放上去比没放上去还差。。。可能适合速度慢的站点吧。。。

    7 10
     
  • 为什么只有登陆了才能看到载入效果!不登陆和原来一样

    6 10
     
  • 确实是这样的

    6 10
     
  • 能给我介绍几个比较好的wordpress插件么!如你网站侧边栏,同步签名的!

    9 10
     





评论内容 (*必填):
Ctrl + Enter 快速提交