9、鼠标动态提示特效

9、鼠标动态提示特效

<!--将以下代码加入HTML<Body></Body>之间-->

<style type="text/css">

<!--

a:link {  color: #0020FF; text-decoration: none;font-size: 9pt}

a:visited { color:#0020FF; text-decoration: none;font-size: 9pt}

a:hover {  color: #585858; text-decoration: underline;font-size: 9pt}

-->

</style>

<style>

<!--

#PCL {

                font-family:宋体 ;

                font-style: none;

                font-weight: normal;

                text-decoration: none;

                font-size: 9pt;

}

#PTT {

                font-family: 宋体;

                font-size: 9pt;

}

#PST {

                font-family:宋体;

                font-size: 9pt;

}

-->

</style>

<div ID="overDiv" STYLE="position:absolute; visibility:hide; z-index: 1;"></div><script

LANGUAGE="JavaScript">

if (typeof fcolor == 'undefined') { var fcolor = "CCCCFF";}

if (typeof backcolor == 'undefined') { var backcolor = "333399";}

if (typeof textcolor == 'undefined') { var textcolor = "060606";}

if (typeof capcolor == 'undefined') { var capcolor = "FFFFFF";}

if (typeof closecolor == 'undefined') { var closecolor = "#9999FF";}

if (typeof width == 'undefined') { var width = "200";}

if (typeof border == 'undefined') { var border = "1";}

if (typeof offsetx == 'undefined') { var offsetx = 10;}

if (typeof offsety == 'undefined') { var offsety = 10;}

ns4 = (document.layers)? true:false

ie4 = (document.all)? true:false

if (ie4) {

if (navigator.userAgent.indexOf('MSIE 5')>0) {

ie5 = true;

} else {

ie5 = false; }

} else {

ie5 = false;

}

var x = 0;

var y = 0;

var snow = 0;

var sw = 0;

var cnt = 0;

var dir = 1;

var tr = 1;

if ( (ns4) || (ie4) ) {

if (ns4) over = document.overDiv

if (ie4) over = overDiv.style

document.onmousemove = mouseMove

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

}

function drs(text) {

dts(1,text);

}

function drc(text, title) {

dtc(1,text,title);

}

function src(text,title) {

stc(1,text,title);

}

function dls(text) {

dts(0,text);

}

function dlc(text, title) {

dtc(0,text,title);

}

function slc(text,title) {

stc(0,text,title);

}

function dcs(text) {

dts(2,text);

}

function dcc(text, title) {

dtc(2,text,title);

}

function scc(text,title) {

stc(2,text,title);

}

function nd() {

if ( cnt >= 1 ) { sw = 0 };

if ( (ns4) || (ie4) ) {

if ( sw == 0 ) {

snow = 0;

hideObject(over);

} else {

cnt++;

}

}

}

function dts(d,text) {

txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><FONT FACE=\"Arial,Helvetica\" COLOR=\""+textcolor+"\" SIZE=\"-2\">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"

layerWrite(txt);

dir = d;

disp();

}

function dtc(d,text, title) {

txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><SPAN ID=\"PTT\"><B><FONT COLOR=\""+capcolor+"\">"+title+"</FONT></B></SPAN></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><SPAN ID=\"PST\"><FONT COLOR=\""+textcolor+"\">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"

layerWrite(txt);

dir = d;

disp();

}

function stc(d,text, title) {

sw = 1;

cnt = 0;

txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><SPAN ID=\"PTT\"><B><FONT COLOR=\""+capcolor+"\">"+title+"</FONT></B></SPAN></TD><TD ALIGN=RIGHT><A HREF=\"/\" onMouseOver=\"cClick();\" ID=\"PCL\"><FONT COLOR=\""+closecolor+"\">Close</FONT></A></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><SPAN ID=\"PST\"><FONT COLOR=\""+textcolor+"\">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"

layerWrite(txt);

dir = d;

disp();

snow = 0;

}

function disp() {

if ( (ns4) || (ie4) ) {

if (snow == 0) {

if (dir == 2) {

moveTo(over,x+offsetx-(width/2),y+offsety);

}

if (dir == 1) {

moveTo(over,x+offsetx,y+offsety);

}

if (dir == 0) {

moveTo(over,x-offsetx-width,y+offsety);

}

showObject(over);

snow = 1;

}

}

}

function mouseMove(e) {

if (ns4) {x=e.pageX; y=e.pageY;}

if (ie4) {x=event.x; y=event.y;}

if (ie5) {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}

if (snow) {

if (dir == 2) {

moveTo(over,x+offsetx-(width/2),y+offsety);

}

if (dir == 1) {

moveTo(over,x+offsetx,y+offsety);

}

if (dir == 0) {

moveTo(over,x-offsetx-width,y+offsety);

}

}

}

function cClick() {

hideObject(over);

sw=0;

}

function layerWrite(txt) {

if (ns4) {

var lyr = document.overDiv.document

lyr.write(txt)

lyr.close()

}

else if (ie4) document.all["overDiv"].innerHTML = txt

if (tr) { trk(); }

}

function showObject(obj) {

if (ns4) obj.visibility = "show"

else if (ie4) obj.visibility = "visible"

}

function hideObject(obj) {

if (ns4) obj.visibility = "hide"

else if (ie4) obj.visibility = "hidden"

}

function moveTo(obj,xL,yL) {

obj.left = xL

obj.top = yL

}

function trk() {

if ( (ns4) || (ie4) )

tr = 0;

}

</script><SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

 

<a HREF="http://www.163.com" onMouseOver="drc('这是个不错的网站','网页特效梦工厂'); return true;"onMouseOut="nd(); return true;">网页特效梦工厂</a><br>

<a HREF="http://www.skycn.com" onMouseOver="drc('很好的下载站点,速度快','天空下载'); return true;"onMouseOut="nd(); return true;">天空下载</a><br>

<a HREF="http://www.bb.com" onMouseOver="drc('编程爱好者的乐园','大富翁论坛'); return true;"onMouseOut="nd(); return true;">大富翁论坛</a><br>

<a HREF="http://www.163.com" onMouseOver="drc('这里有Delphi的好东东','Codelphi'); return true;"onMouseOut="nd(); return true;">Codelphi</a><br>

<a HREF="http://www.csdn.net" onMouseOver="drc('程序员必看','中国软件'); return true;"onMouseOut="nd(); return true;">中国软件</a><br>

Write a comment

Comments: 0