鼠标经过时显示文字

 

点击这里看效果


在 <head> 与 </head> 之间加入:

<STYLE>
A:visited:unknown {
COLOR: gray
}
#divExCont {
LEFT: -1px; CLIP: rect(0px 0px 0px 0px); POSITION: absolute; TOP: -1px;
BACKGROUND-COLOR: white; layer-background-color: white
}
#divCircle {
Z-INDEX: 500; VISIBILITY: hidden; WIDTH: 200px; POSITION: absolute
}
</STYLE>

<SCRIPT>
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;

function makeObj(obj,nest,x,y){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):
eval('document.all.'+obj+'.style')
this.clipIt=b_clipIt; this.clip=b_clip;
this.clipTo=b_clipTo;
this.obj = obj + "Object";
eval(this.obj + "=this")
return this
}

function b_clipTo(t,r,b,l){
if(n){this.css.clip.top=t;this.css.clip.right=r;
this.css.clip.bottom=b;this.css.clip.left=l
}else{
this.css.clip="rect("+t+","+r+","+b+","+l+")";
}
}
function b_clipIt(tstop,rstop,bstop,lstop,step,fn){
if(!fn) fn=null
var clipval=new Array()
if(ie) {
clipval=this.css.clip
clipval=clipval.slice(5,clipval.length-1);
clipval=clipval.split(' ')
for(var i=0;i<4;i++){clipval[i]=parseInt(clipval[i])}
}else{
clipval[0]=this.css.clip.top
clipval[1]=this.css.clip.right
clipval[2]=this.css.clip.bottom
clipval[3]=this.css.clip.left
}
totantstep=Math.max(Math.max(Math.abs((tstop-clipval[0])/step),Math.abs((rstop-clipval[1])/step)),
Math.max(Math.abs((bstop-clipval[2])/step),Math.abs((lstop-clipval[3])/step)))
if(!this.clipactive)
this.clip(clipval[0],clipval[1],clipval[2],clipval[3],(tstop-clipval[0])/totantstep,
(rstop-clipval[1])/totantstep,(bstop-clipval[2])/totantstep,
(lstop-clipval[3])/totantstep,totantstep,0, fn)
}
function b_clip(tcurr,rcurr,bcurr,lcurr,tperstep,rperstep,bperstep,lperstep,totantstep,antstep, fn){
tcurr=tcurr+tperstep; rcurr=rcurr+rperstep
bcurr=bcurr+bperstep; lcurr=lcurr+lperstep
this.clipTo(tcurr,rcurr,bcurr,lcurr)
if(antstep<totantstep){
this.clipactive=true
antstep++
setTimeout(this.obj+".clip("+tcurr+","+rcurr+","+bcurr+","+lcurr+","+tperstep+","
+rperstep+","+bperstep+","+lperstep+","+totantstep+","+antstep+",'"+fn+"')",50)
}else{
this.clipactive=false
eval(fn)
}
}

function spotInit(){
pageWidth=(n)?innerWidth:document.body.offsetWidth;
pageHeight=(n)?innerHeight:document.body.offsetHeight;
oExCont=new makeObj('divExCont')
oExCont.clipTo(0,0,0,0)
if(ie){oExCont.css.width=pageWidth+10;oExCont.css.height=pageHeight+10}
oCircle=new makeObj('divCircle','divExCont')
oCircle.css.visibility="visible"
if(n)document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=moveCircle;
}
function moveCircle(e){
x=(n)?e.pageX:event.x;y=(n)?e.pageY:event.y
oExCont.clipTo(y-100,x+100,y+100,x-100)
oCircle.css.left=x-100;oCircle.css.top=y-100
}

function showCont(){
document.onmousemove=null
oCircle.css.visibility="hidden"
oExCont.clipIt(-20,pageWidth+20,pageHeight+20,-20,20)
}

onload=spotInit;
</SCRIPT>

在 <body> 与 </body> 之间加入:

<DIV id=divExCont style="WIDTH: 100%; HEIGHT: 100%">
<DIV id=divCircle>

<!-下面是图片,可以改动但中间要有透明的地方>
<IMG height=221 src="../images/cerchio1.gif" width=214 border=0>
</DIV>

<!-下面的是你想显示的内容>
<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" HEIGHT="100%">
<TR> <TD>
<DIV ALIGN="center"> <P>
<FONT COLOR="#000000" SIZE="7">
鼠 标 经 过 时 显 示 文 字
</FONT>
</P><P><FONT SIZE="6" COLOR="#000000">
五 维 城 市 制 作
</FONT></P></DIV>
</TD></TR> </TABLE>
</DIV>