后退 刷新 前进 收藏 顶部 |   知道 黑匣子 富媒体 技术服务

用JQ实现的页面加载进度动画;

程序猿 JS juqery 加载 进度 动画... (shuke.2014-03-30 10:12)
很简单的一个代码就实现了,
一个简单的JS文件,
放到面的哪个地方都可以;
最好是第一屏的位置;
当然你也可以绝对定位;
所以说好用,就要点赞的说;
/*
auther_info:        power by shuke 2014-3-30
*/
document.writeln("<STYLE TYPE=\"text/css\">");
document.writeln("#loading{width:99%;height:20px;background:#F2F2F3;padding:5px 0;margin:auto;border-radius:30px}");
document.writeln("#loading div{width:1px;height:20px;line-height:20px;font-size:10px;text-indent:1em;background:url(/jquery/load.jpg) repeat-x;border:#86B300 solid 1px;border-radius:10px}");
document.writeln("</STYLE>");
document.writeln("<div id=\"loading\"><div> 正在载入中...</div></div>");
$("#loading div").animate({width:"99%"},"slow")
$(document).ready(function () {$("#loading").fadeOut()});

最后一行可以放到页面的结尾;效果更佳;
2 楼 shuke[2014-03-30 10:15]
再给一个演示地址吧;
http://www.coolneng.com/log/
进度:100% 返回程序猿

解决织梦图集中上传图片时跳出302错误

图片新热点

导航


目录


    站内搜索
    首页 | W3C | ME