登陆注册地图搜索

模板无忧 > 网页特效 > 浏览器特效类 >

特效代码：载入Loadbar 另一种很酷的载入效果-浏览器特效类

来源:模板无忧作者:佚名更新时间:2008-02-17 点击:

<style type="text/css"></style> <script language="JavaScript"> //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤欢迎下载研究^谢谢¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ // 恭喜你找到地址想必很稀饭这个效果吧 ^^我可是做了很久的哦 ~ 嗯!眼光8错的说~~ // 把此函数直接引用在网页中就可以了记得前面要加载它的css样式哦不懂的可以问我的说~~ // == Page LoadBar == //:: Version.0.4 //:: Powered by Snow :: @ 2006.4.4 //:: QQ:49054026 :: //:: Mail:snow@xunuo.com :: //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ //+(长宽兼容性函数)+-------------------------------------------|| function scrollTop() //浏览器滚动条位置 { var scrollTop; if (document.documentElement && document.documentElement.scrollTop){ scrollTop = document.documentElement.scrollTop; }else if (document.body){ scrollTop = document.body.scrollTop; }else if (window.pageYOffset){ scrollTop = window.pageYOffset; } return scrollTop; } //浏览器窗口参数定义及获取函数，兼容IE6＆MF by nokersang ＊ function scrollX(){ if(document.documentElement.clientWidth<document.body.clientWidth&&document.documentElement.clientWidth){ theX = 'document.documentElement.clientWidth'; }else{ theX = 'document.body.clientWidth'; } if(document.documentElement.clientHeight<=document.body.clientHeight&&document.documentElement.clientHeight){ theY = 'document.documentElement.clientHeight'; }else{ theY = 'document.body.clientHeight'; } } //scrollX(); //-------------------------------------------------------|| //+(配置函数)+-------------------------------------------|| function LoadBar_setvalue(){ LoadBar_Div = document.getElementById('LoadBar'); LoadBar_Msg = document.getElementById("LoadBar_Message"); LoadBar_Top = 250; LoadBar_Div.style.top = LoadBar_Div.offsetTop + LoadBar_Top; LoadBar_Div.filters.alpha.opacity = 50; LoadBar_Delta = 0.05; LoadBar_breathstep = 1; LoadBar_hide_down_y_increase = 50; LoadBar_Hide_downDelta = 0.06; LoadBar_Hide_upDelta = 0.03; LoadBar_hide_startalpha = 70; } //-------------------------------------------------------|| //+(放置LoadBar)+---------------------------------------|| function LoadBar_writebar(){ document.writeln("<div>"); document.writeln("<div id=\"LoadBar\" class=\"LoadBarDiv\">"); document.writeln("<div id=\"LoadBar_Message\" align=\"left\">"); document.writeln("<br>测试LoadBar<br \/>中间LoadBar_Div <br \/> Made by Snow <br \/> [url]www.xunuo.com[/url] <br \/>"); document.writeln(" <font id=dot color=blue><\/font>"); document.writeln("<\/div>"); document.writeln("<\/div>"); document.writeln("<\/div>"); } //-------------------------------------------------------|| //+(跟随滚动条滚动)+-------------------------------------|| function LoadBar_move() { if (LoadBar_Div.offsetTop != (scrollTop() + LoadBar_Top)) { var dy = (scrollTop() + LoadBar_Top - LoadBar_Div.offsetTop) * LoadBar_Delta; dy = (dy > 0 ? 1 : - 1) * Math.ceil(Math.abs(dy))</body></html>

相关浏览器特效类：

网页制作中常用的几个简单的选项卡特效代码

向上循环滚动的滚轴式文字广告[网页特效]

一种利用网页框架设计的下拉菜单

CSS+JS打造类似QQ的网站导航菜单特效

HTML所支持的139种颜色

狡猾的按钮特效！

网页的最大化_最小化_关闭按钮

可以每天连接到不同连接的代码不能超过31天

特效代码：载入Loadbar 另一种很酷的载入效果

对网页滚动条的隐藏及显示控制

最新评论：

评论加载中....

发表评论：不能超过250字节,请自觉遵守互联网相关政策法规.

昵称: 验证:

最新浏览器特效类

推荐浏览器特效类

浏览器特效类-特效代码：载入Loadbar 另一种很酷的载入效果