日本語
<!-- http://bbs.downcodes.com--> <!-- この効果を完了するには、次の代コードを <body> 領域中へ配布する必要があります --> <div align="center"> <SCRIPT language=JavaScript > <!-- //----------------------------- カスタマイズ可能な変数の開始 ----------------- ------// //=== 位置決め ===// var left = 100; // 左の開始位置 var top = 20; // 左の開始位置 //=== 曲線と距離 ===// var topInc = 5; // 先頭位置の増分 var leftInc = 5; // 左位置の増分 /* 水平曲線と垂直曲線の両方を同じにして、曲線なしでギャップを増やします。 */ var hor_curve = 20; // 水平曲線 - 曲線がない場合は 0 var ver_curve = -20; // 垂直曲線 - 曲線がない場合は 0 //=== タイミングとその他 ===// var noTimes = 50; // 画像が表示される回数 var waitTime = 1; // 時間遅延 varlayer = 2; // レイヤーレベル var picture = '/images/logo.gif'; // 表示する画像 (画像が小さいほど効果的です) var start_retracted= true; // 画像を格納して開始 (true / false) var retract= true; // 展開後に後ろから後退します (true / false) //=== フェード オプション (IE ユーザーのみにフェードが表示されます) ===// var fade = true; // 段階的なフェード (true / false) - retract =true var fd_destop = 0 の場合にのみ機能します。 // 宛先の透明度レベル (つまり、ほとんどがソリッドの場合は 80) var fd_rate = 10; // 透明度の変更間の時間 (ミリ秒単位) (100 未満が最適) var fd_delta = 5; // 毎回の変更量 (つまり、透明度が 5% 変化する場合は 5) varevent_init = 'onClick'; // スクリプトが開始されるイベント var left_formula = '(left + leftInc) + ((count/100) * hor_curve)'; // 左位置の式 var top_formula = '(top + topInc) + ((count/100) * ver_curve)'; // 先頭位置の式 //-------------------------- カスタマイズ可能な変数の終了 ------ ------// //---------- これ以降は編集しないでください。 ----------// var count = 0; var count2 = 0; var timeOutVal = waitTime * 10; vartxt; var イメージ; var imageName; varlay = 新しい配列; function addLayer(){ left = eval(left_formula);トップ = eval(top_formula); txt = "<div id='Layer" + count + "' style='position:absolute;visibility:hidden;left:"+left+";top:"+top+";z-index:"+layer+ "'>"; txt += "<a href='#' " +event_init + "='replay()'><img src='" + 画像 + "' border=0 style='filter:alpha(opacity=100)' name = '画像" + カウント + ''></a>"; txt += "</div>"; document.write(txt); lay[カウント]=new lib_obj("レイヤー"+カウント); } function logoCurveInit(){ while (count < noTimes) { addLayer();カウント++;カウント = 0; lay[0].showIt(); if (!start_retracted) animate();関数 animate(){ if (start_retracted) { if (!retract){ if (count > 0){ setTimeout('animate()',timeOutVal); lay[カウント].hideIt();カウント - ; } } else{ if (count >= 0){ setTimeout('animate()',timeOutVal); lay[カウント].showIt(); if (count != 0) fadeImage();カウント - ; if (retract){ if(count==0) retractIt(); } } else{ if (count < noTimes){ setTimeout('animate()',timeOutVal); lay[カウント].showIt(); if (count != noTimes-1 && retract) fadeImage();カウント++; if (retract){ if (count == noTimes) retractIt(); } } } function recruit(){ if ((count == noTimes || (count == 0 || count == -1)) &&(count2 == noTimes-1 || count2 == 0)){ start_retracted = !start_retracted; // 値を実際の値と逆にする make_all_visible(); if (start_retracted){ count = noTimes-1; } else { カウント = 0;アニメート(); } } function retractIt(){ if (start_retracted) { // ロゴが格納されていない場合 (すべてのレイヤーを表示) if (count2 > 0){ setTimeout('retractIt()',timeOutVal); lay[count2].hideIt();カウント2--; } } else{ // ロゴが格納されている場合 (最初のレイヤーのみを表示) if (count2 < noTimes-1){ setTimeout('retractIt()',timeOutVal); lay[count2].hideIt();カウント2++; function fadeImage(){ if (fade){ if (count >= 0 && count <= noTimes){ image = document.images['Image' + count]; nereidFade(image,fd_destop,fd_rate,fd_delta); function make_all_visible(){ for (var i = 0; i< noTimes ; i++){ if (document.images['Image' + i].style.MozOpacity){ document.images['Image' + i] .style.MozOpacity=100; else if (document.images['Image' + i].filters) { document.images['Image' + i].filters.alpha.opacity = 100; ////***************(DHTMLCentral.com)****************//// function check_browser( ){ this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=( this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) > = 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5) これを返します } bw=new check_browser() 関数 show_message(txt){alert （TXT）; return false} function lib_obj(obj,nest){ if(!bw.bw) return show_message('古いブラウザ') nest=(!nest) ? "":'ドキュメント.'+ネスト+'.' this.evnt=bw.dom? document.getElementById(obj): bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0; if(!this.evnt) return show_message('レイヤーが存在しません ('+obj+')' +'- Netscape を使用している場合は、タグのネストを確認してください!') this.css=bw.dom||bw .ie4?this.evnt.style:this.evnt; this.ref=bw.dom||bw.ie4?document:this.css.document; this.x=parseInt(this.css.left)||this.css.pixelLeft||this.evnt.offsetLeft||0; this.y=parseInt(this.css.top)||this.css.pixelTop||this.evnt.offsetTop||0 this.w=this.evnt.offsetWidth||this.css.clip.width|| this.ref.width||this.css.pixelWidth||0; this.h=this.evnt.offsetHeight||this.css.clip.height|| this.ref.height||this.css.pixelHeight||0 this.c=0 if((bw.dom || bw.ie4) && this.css.clip) { this.c=this.css.clip; this.c=this.c.slice(5,this.c.length-1); this.c=this.c.split(' '); for(var i=0;i<4;i++){this.c[i]=parseInt(this.c[i])} } this.ct=this.css.clip.top||this.c[0 ]||0; this.cr=this.css.clip.right||this.c[1]||this.w||0 this.cb=this.css.clip.bottom||this.c[2]||this。 h||0; this.cl=this.css.clip.left||this.c[3]||0 this.obj = obj + "オブジェクト"; eval(this.obj + "=this") これを返します } lib_obj.prototype.showIt = function(){this.css.visibility="visible"} lib_obj.prototype.hideIt = function(){this.css.visibility= "hidden"} lib_obj.prototype.writeIt = function(text,startHTML,endHTML){ if(bw.ns4){ if(!startHTML){startHTML=""; endHTML=""} this.ref.open("text/html"); this.ref.write(startHTML+text+endHTML); this.ref.close() }else this.evnt.innerHTML=text } ////***************(DHTMLCentral.com)********* *******//// /* コードは DynamicDrive.com (スタート) から取得 --> 段階的ハイライト画像スクリプト II- J. Mark Birenbaum 著 (birenbau@ugrad.cs.ualberta.ca) 完全版ソースからスクリプトへのリンクは、http://dynamicdrive.com にアクセスしてください。 */ nereidFadeObjects = new Object();nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all)return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+) ","+デルタ+")",0); return;} clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity;方向 = 1; if (object.filters.alpha.opacity > destOp){direction = -1;} delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } // <-- DynamicDrive.com からコードを取得 (終了) window.onload=new logoCurveInit(); //--> 終了 非表示 </SCRIPT><br><br><br><br><br><br><br> 用鼠标单击一下图片你可以看看非常好成績! </div>
