140、链接的文字解释

140、链接的文字解释

脚本说明:

把如下代码加入<body>区域中

<style type="text/css">

a {color:#000000; text-decoration:none; font-weight:500;}

a:hover {color:#000000; text-decoration:underline; font-weight:500;}

body {background-color:#ffffff;}

#divTooltip {position:absolute; top:0px; width:185px; visibility:hidden; z-index:200; background-color:#f3f3f3; layer-background-color:#f3f3f3;}

.normalStyle    {padding:2px; text-align:center; font-weight:500; width:185px; color:#000000; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border-width:1px; border-style:solid; border-color:#000000; cursor:default;}

.netscape4Style {padding:0px; font-weight:500; width:185px; color:#000000; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border:1px solid #000000;}

</style>

<script language="JavaScript" type="text/javascript">

function lib_bwcheck(){ //Browsercheck (needed)

       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)

       return this

}

var bw=new lib_bwcheck()

 

 

// Variables to set:

 

messages= new Array()

// Write your descriptions in here.

messages[0]="这是第一个链接的解释"

messages[1]="这是第二个链接的解释"

messages[2]="这是第三个链接的解释"

// To have more descriptions just add to the array.

 

fromX= 20           // How much from the actual mouse X should the description box appear?

fromY= 5            // How much from the actual mouse Y should the description box appear?

ns4center= 1        // Centering the text in ns4 doesn't work with css, use this variable instead... the value is 1 or 0

useFading= 1        // 1 for a fading effect in windows explorer 5+ and all platforms ns6, 0 for no fading effect.

animation= 0        // 1 if you want animation, 0 for no animation.

detectiontype= 0    // 1 for 'smooth' window size detection, 0 for 'flip' window size detection.

delay= 300          // The time before showing the popup, in milliseconds.

 

 

/*** There should be no need to change anything beyond this. ***/

 

if(document.layers){ //NS4 resize fix.

    scrX= innerWidth; scrY= innerHeight;

    onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} };

}

 

// object constructor...

function makeTooltip(obj){                                                   

     this.elm= document.getElementById? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;

     this.css= bw.ns4?this.elm:this.elm.style;

     this.wref= bw.ns4?this.elm.document:this.elm;

       this.obj= obj+'makeTooltip'; eval(this.obj+'=this');

       this.w= bw.ns4? this.elm.clip.width: this.elm.offsetWidth;

       this.h= bw.ns4? this.elm.clip.height: this.elm.offsetHeight;

};

makeTooltip.prototype.measureIt= function(){

       this.w= bw.ns4? this.elm.clip.width: this.elm.offsetWidth;

       this.h= bw.ns4? this.elm.clip.height: this.elm.offsetHeight;

};

makeTooltip.prototype.writeIt= function(text){

       if (bw.ns4) {this.wref.write(text); this.wref.close()}

       else this.wref.innerHTML= text;

};

 

// Mousemove detection

var mouseX=0,mouseY=0,setX=0,setY=0;

function getMousemove(e){

       mouseX= (bw.ns4||bw.ns6)? e.pageX: bw.ie4&&bw.win? event.x: bw.ie&&bw.win&&!bw.ie4? (event.x-2)+document.body.scrollLeft : event.x+document.body.scrollLeft;

       mouseY= (bw.ns4||bw.ns6)? e.pageY: bw.ie4&&bw.win? event.y: bw.ie&&bw.win&&!bw.ie4? (event.y-2)+document.body.scrollTop : event.y+document.body.scrollTop;

       if (isLoaded && hovering && animation) placeIt();

};

function placeIt(){

       if (detectiontype==1) setX= mouseX+fromX+tooltip.w > screenWscrolled ? screenWscrolled-tooltip.w: mouseX+fromX;

       if (detectiontype==1) setY= mouseY+fromY+tooltip.h > screenHscrolled ? screenHscrolled-tooltip.h: mouseY+fromY;

       if (detectiontype==0) setX= mouseX+fromX+tooltip.w > screenWscrolled ? mouseX-fromX-tooltip.w: mouseX+fromX;

       if (detectiontype==0) setY= mouseY+fromY+tooltip.h > screenHscrolled ? mouseY-fromY-tooltip.h: mouseY+fromY;

       if (setX<0) setX= 0;

       if (setY<0) setY= 0;

       tooltip.css.left= setX;

       tooltip.css.top= setY;

};

 

// Main popUp function.

var hovering=false, screenWscrolled=0, screenHscrolled=0;

makeTooltip.prototype.showTimer= null;

function popUp(num){

       if(isLoaded){

              clearTimeout(tooltip.popTimer);

              dopopOut();

              if (bw.ns4){

                     var text= '<span class="netscape4Style">' + (ns4center?'<center>':"") + messages[num] + (ns4center?'</center>':"") + '</span>';

                     tooltip.writeIt(text);

              }

              if (!bw.ns4) tooltip.writeIt(messages[num]);

              screenWscrolled= screenW + (bw.ie?document.body.scrollLeft:pageXOffset);

              screenHscrolled= screenH + (bw.ie?document.body.scrollTop:pageYOffset);

              hovering= true;

             

              /* I'm using a timeout for ie4 here, because it doesn't store the measurements quickly enough. Does anybody know why this happens? */

              if (bw.ie4) setTimeout('tooltip.measureIt(); placeIt();', delay/2);

              else { tooltip.measureIt(); placeIt(); }

              if (useFading) tooltip.showTimer= setTimeout('tooltip.blendIn()', delay);

              if (!useFading) tooltip.showTimer= setTimeout('tooltip.css.visibility="visible"', delay);

    }

};

 

// Hiding routines

makeTooltip.prototype.popTimer= null;

function popOut(){

       if (isLoaded) tooltip.popTimer= setTimeout('dopopOut()', 30)

};

function dopopOut(){

       hovering= false;

       clearTimeout(tooltip.showTimer);

       tooltip.css.visibility= 'hidden';

       clearTimeout(tooltip.fadeTimer);

       tooltip.i= 0;

};

 

// Measure screensize.

var scrollbarWidth= bw.ns6&&bw.win?14:bw.ns6&&!bw.win?16:bw.ns4?16:0;

function measureScreen() {

       tooltip.css.top= 0;

       tooltip.css.left= 0;

       screenW= (bw.ie?document.body.clientWidth:innerWidth) - scrollbarWidth;

       screenH= (bw.ie?document.body.clientHeight:innerHeight);

};

 

// Opacity methods.

makeTooltip.prototype.blendIn= function(){

       if (bw.ie && bw.win && !bw.ie4) {

              this.css.filter= 'blendTrans(duration=0.5)';

              this.elm.filters.blendTrans.apply();

              this.css.visibility= 'visible';

              this.elm.filters.blendTrans.play();

       }

       else {

              this.css.visibility= 'visible';

              if (!bw.ns4) this.fadeIt();

       }

};

makeTooltip.prototype.step= 8;

makeTooltip.prototype.i= 0;

makeTooltip.prototype.fadeTimer= null;

makeTooltip.prototype.fadeIt= function(){

       this.i+= this.step;

       //this.css.filter= 'alpha(opacity='+this.i+')';

       this.css.MozOpacity= this.i/100;

       if (this.i<100) this.fadeTimer= setTimeout(this.obj+'.fadeIt()', 40);

       else this.i= 0;

};

 

// Init function...

var isLoaded= false;

function popupInit(){

       //Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!

       bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false

       if (bw.opera5) bw.ns6 = 0

      

       //Extending the browsercheck to add windows platform detection.

       bw.win= (navigator.userAgent.indexOf('Windows')>-1)

 

       tooltip= new makeTooltip('divTooltip');

       tooltip.elm.onmouseover= function(){ clearTimeout(tooltip.popTimer); if(bw.ns4){setTimeout('clearTimeout(tooltip.popTimer)',20)}; };

       tooltip.elm.onmouseout= dopopOut;

       if (bw.ns4) document.captureEvents(Event.MOUSEMOVE);

       document.onmousemove= getMousemove;

       measureScreen();

       if (!bw.ns4) onresize= measureScreen;

       if (!bw.ns4) tooltip.elm.className= 'normalStyle';

       if (bw.ie && bw.win && !bw.ie4) tooltip.css.filter= 'alpha(opacity=100)'; //Preloads the windows filters.

       isLoaded= true;

};

 

// Initiates page on pageload if the browser is ok.

if(bw.bw && !isLoaded) onload= popupInit;

</script>

<table width="370" cellpadding="1" cellspacing="0" border="0" bgcolor="#666666" align="center"><tr><td>

<table width="100%" cellpadding="10" cellspacing="0" border="0" bgcolor="#f3f3f3"><tr><td>

<font face="verdana,arial,helvetica-sans-serif" size="2" color="#666666">阿曼的优势是脚下控球技术好,局部配合尚好,反击速度快,因此明天的比赛,双方较量的内容很多,中国队中前场的逼抢、后防线几个人的协防都是要点,更重要的是如果对方凭借主场之力竭力打快,中国队必须量力而行,如果体能不成问题,就要比对手更快,打乱对方的节奏,你快,我比你还要快;假如天气因素和其他场外因素突出,国家队大可不必与对手斗狠,利用身体优势和大范围的转移牵制对手,控制节奏,“引狼出窝”,主动权自然就会到我们手中,结局也会如我们所愿。<br>

<br>

<p align="right">

<a href="#" onmouseover="popUp(0)" onmouseout="popOut()" onclick="useFading=useFading?0:1; return false;" onfocus="if(this.blur)this.blur()">链接一</a><br>

<a href="#" onmouseover="popUp(1)" onmouseout="popOut()" onclick="animation=animation?0:1; return false;" onfocus="if(this.blur)this.blur()">链接二</a><br>

<a href="#" onmouseover="popUp(2)" onmouseout="popOut()" onclick="detectiontype=detectiontype?0:1; return false;" onfocus="if(this.blur)this.blur()">链接三</a></p>

</font>

</td></tr></table>

</td></tr></table>

<div id="divTooltip"></div>

 

 

Write a comment

Comments: 0