日本語

中文(简体) 中文(繁体) 한국어 日本語 English Português Español Русский العربية Indonesia Deutsch Français ภาษาไทย

ホーム>Web デザインのチュートリアル>ウェブ特殊効果

自分のサイトに GOOGLE 検索エンジンを構築する

著者：Eve Cole 更新時間：2009-06-20 15:16:49

<style type="text/css"></style> <script language="JavaScript"> //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤リサーチのダウンロードへようこそ^ありがとうございます¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ // 発見おめでとうございますこの効果にはとても興奮しているはずです ^^ 私は長い間それを行ってきました~うーん、私のビジョンは間違っています~~ // 前にこの関数を Web ページで直接参照することを忘れないでください。わかりません、聞いてください~~ // == ページロードバー == //:: Version.0.4 //:: Powered by Snow :: @ 2006.4.4 //:: QQ:49054026 :: / /:: メール: Snow@xunuo.com :: //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤ //+(長さと幅の互換性関数)+---------------- ---------- --------------|| functionscrollTop() //ブラウザのスクロールバーの位置 { varscrollTop 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; //ブラウザウィンドウパラメータの定義と取得関数、IE6 & MF 互換 by nokersang ＊ functionscrollX(){ 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&&documentElement.clientHeight){ theY = 'document.documentElement.clientHeight'; = 'document.body.clientHeight' } } //scrollX(); -------------- -------------|| //+(設定関数)+--------------- ------------- --------------|| 関数 LoadBar_setvalue(){ LoadBar_Div = document.getElementById('LoadBar'); .getElementById("LoadBar_Message"); LoadBar_Div .style.top + LoadBar_Div.filters.alpha.opacity = 0.05; 50; ロードバー_非表示_ダウンデルタ = 0.06; LoadBar_Hide_upDelta = 0.03; } //-- ------------------------------------- ------------- ---|| //+(ロードバーを配置)+-------------------------- ---------- --|| 関数 LoadBar_writebar(){ document.writeln("<div>"); "LoadBar" class="LoadBarDiv">"); document.writeln(" <div id="LoadBar_Message" align="center">"); document.writeln("<br>テストLoadBar<br />Middle LoadBar_Div <br /> 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>" ); } //-------------- ----------------------------- ----------|| //+(スクロールバーでスクロール) +-------------------------- -------------|| 関数 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"; } */ } //-------------------------- ------------------------ ---------------|| //+(ロードバーフェーディング関数)+-------------------------- ----------|| var LoadBar_breath_b = 0, LoadBar_breath_c = true; 関数 LoadBar_breath() { var n = LoadBar_breath_b,c = LoadBar_breath_c; ;} if(c == false) {b-=n;} if(b<= 10) {c = true;} if(c == true) {b+=n;} LoadBar_Div.filters.alpha.opacity= b; ロードバー_ブレス_b = b; ロードバー_ブレス_c = c; ----------|| / /+(ロードバーフラッシュ機能)+--------------------- ----------------|| var Hide_upturn=false ; var hide_upturnnow = false; 関数 LoadBar_Hide() {clearInterval(IV_LoadBar_breath); ><font color=red>読み込みが完了しました</font><br><font color=blue >テスト中..^_^<br>[url]www.xunuo.com[/url] </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; Math.ceil(Math.abs(dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy; if(dy <= 0) { Hide_upturn = true } } if(hide_upturn == true) { //もっと言いたいことがあります~~ 画面の中央に移動してから見せなければなりません //上記は実行が開始されたためです移動関数は最新のスクロールバー座標を持ちます 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.offsetTop - LoadBar_Div.filters.alpha.opacity-2; if(LoadBar_Div.filters.alpha.opacity <= 0) { clearInterval(IV_LoadBar_Hide) } } } } //--------------- --------------------------------- -------|| //+(配置間隔)+ ---------------------------------- ------|| 関数 LoadBar_SetIV(start){ if( start == "onload 前"){ IV_LoadBar_move = setInterval("LoadBar_move()",20); IV_LoadBar_breath = setInterval("LoadBar_breath()",20) } else if (start == "onload 後") { clearInterval( IV_LoadBar_move); clearInterval(IV_LoadBar_breath) = setInterval("LoadBar_Hide()",15); //---------- ----------------------------------|| // +(出てきてください~^^)+--- -------------------------------------- -|| 関数 LoadBar_Start(){ LoadBar_writebar(); LoadBar_setvalue(); LoadBar_SetIV("onload 前") } //---------------------- ------------ --------------------|| //+(出発の時間です~^^)+---- ----------- -----------------------------|| 関数 LoadBar_End(){ LoadBar_SetIV("onload 後"); //--- -------------------------------------------------- ----- ----------|| //+(初期化~^^)+-------------------------- --- ---------------|| LoadBar_Start();//Start~~~ //onload が関数名しか追加できない問題を解決する window.attachEvent('onload ',LoadBar_End) //------------------------------------------ ------- --------|| //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤ 3Q /{ :: + Promise | SnoW + ::} //http://www.xunuo.com //:: World of Warcraft を一緒にプレイしませんか? :: //:: QQ:49054026 :: //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ </ script> <body> 効果を見てみましょう</body></html>

関連記事