有图片的导航信息

下面为效果显示

脚本说明:
把如下代码加入<body>区域中：
<style type="text/css">

</style>
<script language="Javascript">
var isNS4=(document.layers) ? 1 : 0;
var isIE4=(document.all)? 1 : 0;
var isMoz=((document.getElementById) && !(isIE4)) ? 1 :0;
function ShowNavigateur()
{
	alert(isNS4);
	alert(isIE4);
	alert(isMoz);
}
function activate_mousemove(function_mouse)
{
	if(isNS4||isMoz)
		document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = function_mouse;
}
function get_mouse(e)
{
	var mouse=new Array();
	mouse.x=0; mouse.y=0;
	if(isNS4||isMoz){
		mouse.x=e.pageX; mouse.y=e.pageY;
	}else if(isIE4){
		mouse.x=event.x+document.body.scrollLeft; mouse.y=event.y+document.body.scrollTop;
	}
	return mouse;
}
function get_layer(name)
{
	if(isNS4){
		layer=findLayer(name, document);
		//if(layer==null)
		//alert('Pb de layer');
		return layer;
	} else if (isIE4){
		
		//window.status=document.all[name];
		return document.all[name];
	} else if (isMoz) {
		return document.getElementById(name);
	}
	//alert('Pb de noms');
	return null;	
}
function findLayer(name, doc) {
	var i, layer;
	//alert(doc.layers.length);
	for (i = 0; i < doc.layers.length; i++) { 
	layer = doc.layers[i];
	//alert(layer.name);
	if (layer.name == name)
		return layer;
	if (layer.document.layers.length > 0)
		if ((layer = findLayer(name, layer.document)) != null)
	        	return layer;
  	}
  return null;
}
function hide_layer(layer) 
{
	if(layer==null){
		//window.status="Pas de layer ?cacher";	
		return;
	}
	if (isNS4){
		layer.visibility = "hide";
	}
	if (isIE4||isMoz){
		layer.style.visibility = "hidden";
	}
}
function show_layer(layer) {
	if(isNS4){
		layer.visibility = "show";
	}
	if(isIE4||isMoz){
		layer.style.visibility = "visible";
	}
}
function move_layer_to(layer, x, y)
{
	//window.status=layer;
	if (isNS4)
		{	
		layer.moveTo(x, y);
		}
	if (isIE4||isMoz){
	//window.status=layer.style;
	layer.style.left = x;
	layer.style.top  = y;
	}
}
function setzIndex(layer, z) {
	if(isNS4)
		layer.zIndex = z;
	if(isIE4||isMoz)
		layer.style.zIndex = z;
}
function modify_content_layer(layer,content)
{
	if(isNS4){
		layer.document.write(content);
		layer.document.close();	
	} else if(isIE4||isMoz){
		layer.innerHTML=content;
	}
}

</script>
<div class="popup" id="topdeck"></div>
<script language="Javascript" type="text/javascript">
<!--
var adroite = false;
			
				//////////////// Info bulles.
			activate_mousemove(get_mouse2);
			
			function tux(title, text, estadroite)
			{
				adroite = estadroite;
				var content;
				if (adroite)
				        content = "<table border=0 width=300 cellpadding=0 cellspacing=0><tr><td width=100> </td><td width=200><table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#000000\" width=200><tr height=2><td><img src=\"pixel.gif\"></td></tr><tr><td align=center><table border=0 cellpadding=2 cellspacing=0 width=196 bgcolor=white class=\"content\"><tr><td bgcolor=white><center><b>"+title+"</b></center>"+text+"</td></tr></table></td></tr></table></td></tr><tr><td><img src=\"w15.gif\"></td><td valign=top><img src=\"bulle-g.gif\"></td></tr></table>";
				else
					    content = "<table border=0 width=300 cellpadding=0 cellspacing=0><tr><td width=200> <table border=0 cellpadding=0 cellspacing=0 bgcolor=black width=200><tr height=2><td><img src=\"pixel.gif\"></td></tr><tr><td align=center><table border=0 cellpadding=2 cellspacing=0 width=196 bgcolor=white  class=\"content\"><tr><td bgcolor=white><center><b>"+title+"</b></center>"+text+"</td></tr></table></td></tr></table></td><td width=100></td></tr><tr><td valign=top><img src=\"bulle-d.gif\"></td><td><img src=\"w15.gif\"></td></tr></table>";
			
			l=get_layer("topdeck");
			modify_content_layer(l,content)
			show_layer(l);	
			}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
// -->
</script>
<p align="center"><a href="http://www.7stk.com/1/index06.htm" class="topnewstitle" onmouseout="kill()" onmouseover="javascript:tux('JavaScript 提示信息', '这是全国最大的游戏综合性站点 ', false)">天气预报代码</a> <a href="http://www.7stk.com" class="topnewstitle" onmouseout="kill()" onmouseover="javascript:tux('网络时空(HomePage)', '[这是国内最大的建站资源站点，有数千种各种各样的程序可供下载 ]', false)">网页特效代码</a></p>