分享
 
 
 

在自己的站内建立一个GOOGLE的搜索引擎

王朝other·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<style type="text/css"><!--

.LoadBarDiv {

BORDER-RIGHT: #777 1px dotted; BORDER-TOP: #777 1px dotted; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 12px;

FILTER: Alpha(Opacity=80, FinishOpacity=10, Style=1, StartX=1, StartY=1, FinishX=1, FinishY=100); ; LEFT: expression

((this.parentElement.offsetWidth-this.offsetWidth)/2); VERTICAL-ALIGN: middle; BORDER-LEFT: #777 1px dotted; WIDTH: 250px;

WORD-BREAK: break-all; BORDER-BOTTOM: #777 1px dotted; FONT-FAMILY: "??", "Arial", "Helvetica", "sans-serif"; POSITION:

absolute; HEIGHT: 78px; BACKGROUND-COLOR: #f1f1f1

}

--></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=\"center\">");

document.writeln("<br>测试LoadBar<br \/>中间LoadBar_Div <br \/> Made by Snow <br \/> www.xunuo.com <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));

LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy;

}

/* 注意 ..可能还没有偏移完就停止偏移了...因为LoadBar_SetIV函数clearInterval了LoadBar_move

if(LoadBar_Div.offsetLeft!=Math.round((eval(theX)-752)*0.25-50)){

var dx=((eval(theX)-752)*0.25-100-LoadBar_Div.offsetLeft) * LoadBar_Delta;

dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));

LoadBar_Div.style.left=LoadBar_Div.offsetLeft+dx+"px";

}

*/

}

//-------------------------------------------------------||

//+(LoadBar的渐显函数)+----------------------------------||

var LoadBar_breath_b = 0,LoadBar_breath_c = true;

function LoadBar_breath()

{

var n = LoadBar_breathstep,b = LoadBar_breath_b,c = LoadBar_breath_c;

if(b>=90) {c = false;}

if(c == false) {b-=n;}

if(b<=10) {c = true;}

if(c == true) {b+=n;}

LoadBar_Div.filters.alpha.opacity=b;

LoadBar_breath_b = b;

LoadBar_breath_c = c;

}

//-------------------------------------------------------||

//+(LoadBar的闪人函数)+----------------------------------||

var hide_upturn=false;

var hide_upturnnow = false;

function LoadBar_Hide()

{

clearInterval(IV_LoadBar_move);

clearInterval(IV_LoadBar_breath);

LoadBar_Msg.innerHTML="<br><font color=red>载入完毕</font><br><font color=blue>测试中..^_^<br>www.xunuo.com

</font>";

if(hide_upturn == false)

{

LoadBar_Div.filters.alpha.opacity = LoadBar_hide_startalpha;

var dy = (scrollTop() + LoadBar_Top + LoadBar_hide_down_y_increase - LoadBar_Div.offsetTop) * LoadBar_Hide_downDelta;

dy = (dy > 0 ? 1 : - 1) * Math.ceil(Math.abs(dy));

LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy;

if(dy <= 0)

{

hide_upturn = true;

}

}

if(hide_upturn == true)

{

//意犹未尽 ~~ 还要移动一下先 到屏幕最中央再给你看 //上面的因为开始执行国move函数 所以有最新滚动条坐标

if (LoadBar_Div.offsetTop != (scrollTop() + LoadBar_Top) && hide_upturnnow != true) {

var dy = (scrollTop() + LoadBar_Top - LoadBar_Div.offsetTop) * LoadBar_Delta;

dy = (dy > 0 ? 1 : - 1) * Math.ceil(Math.abs(dy));

LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy;

if(LoadBar_Div.offsetTop == (scrollTop() + LoadBar_Top)){hide_upturnnow = true;}

}else{

var dy = (scrollTop() - LoadBar_Div.offsetTop) * LoadBar_Hide_upDelta;

dy = Math.ceil(Math.abs(dy));

LoadBar_Div.style.top = LoadBar_Div.offsetTop - dy;

LoadBar_Div.filters.alpha.opacity = LoadBar_Div.filters.alpha.opacity-2;

if(LoadBar_Div.filters.alpha.opacity <= 0)

{

clearInterval(IV_LoadBar_Hide);

LoadBar_Div.style.display = "none";

}

}

}

}

//-------------------------------------------------------||

//+(放置Interval)+---------------------------------------||

function LoadBar_SetIV(start){

if(start == "before onload"){

IV_LoadBar_move = setInterval("LoadBar_move()",20);

IV_LoadBar_breath = setInterval("LoadBar_breath()",20);

}

else if (start == "after onload")

{

clearInterval(IV_LoadBar_move);

clearInterval(IV_LoadBar_breath);

IV_LoadBar_Hide = setInterval("LoadBar_Hide()",15);

}

}

//-------------------------------------------------------||

//+(出来吧~^^)+------------------------------------------||

function LoadBar_Start(){

LoadBar_writebar();

LoadBar_setvalue();

LoadBar_SetIV("before onload");

}

//-------------------------------------------------------||

//+(该走了~^^)+------------------------------------------||

function LoadBar_End(){

LoadBar_SetIV("after onload");

}

//-------------------------------------------------------||

//+(初始化 ~^^)+------------------------------------------||

LoadBar_Start();//Start~~~

//匿名函数 解决onload只能加函数名的问题

window.attachEvent('onload',LoadBar_End);

//-------------------------------------------------------||

//¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤

//请保留版权 这样我会很happy的 ^^ 3Q!~!^^ 留个我的站点地址备份吧~~常来哦~~

//{ :: + 许诺 | SnoW + ::}

//http://www.xunuo.com

//:: 找我玩魔兽? ::

//:: QQ:49054026 ::

//¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤

</script>

<body>

看看效果吧

</body></html>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有