您的位置:寻梦网首页编程乐园CSS 初步DHTML动态效果实例
链接信息窗

上一页 返回目录 下一页

名称:

链接信息窗

实例:

 

 

 
请将鼠标移到这里
教程:
<style TYPE="text/css">
<!--
body{
overflow:scroll;overflow-x:hidden
}
.popper
{
position : absolute;
visibility : hidden;
}
//-->
</style>

第二步:

<DIV ID="topdeck" CLASS="popper">&nbsp;</DIV>

<SCRIPT>

/*
Pop up information box II
By Mike McGrath (mike_mcgrath@lineone.net, http://website.lineone.net/~mike_mcgrath)
Permission granted to Dynamicdrive.com to feature script in archive
For full source code and installation instructions to this script, visit http://dynamicdrive.com
*/

var nav = (document.layers); 
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function pop(msg,bak) 
{

var content ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT COLOR=#FFFFFF SIZE=2><B>Detailed Info</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD><FONT COLOR=#000000 SIZE=2><CENTER>"+msg+"</CENTER></FONT></TD></TR></TABLE></TD></TR></TABLE>";

if (nav) 

skn.document.write(content); 
skn.document.close();
skn.visibility = "visible";
}
else if (iex) 
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible"; 
}
}

function get_mouse(e) 
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft; 
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
skn.top = y+20;
}

function kill() 
{
skn.visibility = "hidden";
}

</SCRIPT>

说明:  
上一页 返回目录 下一页