网站内容中某个关键字相关右键菜单

以下为详细代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网站内容中某个关键字相关右键菜单</title>
<style type="text/css">
<!--

.STYLE1 {
color: #FF0000;
cursor:hand;

}
-->
</style>
</head>
<script language="JavaScript" type="text/javascript">
function fff(JSZZ,keywork)
{
var ff=sb.innerHTML;
ff=ff.replace(JSZZ,'<span class="STYLE1" onmousemove="mouseMove(\''+keywork+'\')" onmouseout="mouseOut()">'+keywork+'</span>');
//alert(ff);
sb.innerHTML=ff;
}
var bsd=1;
var sLeft=1;
var sTop=1;
function mouseMove(keywork)
{
var ev = window.event;
if (1==bsd){   
sLeft=ev.clientX;
sTop=ev.clientY;
sLeft=parseInt(sLeft/18)*18;
sTop=parseInt((sTop+13)/16)*16-4;
}
     if(sLeft>(document.body.clientWidth/2))
{
      LT.style.left = sLeft-150;
   }
   else
   {
   LT.style.left = sLeft;
   }
      LT.style.top = sTop;
   LT.innerHTML="&nbsp;这是"+keywork+"的菜单";
   setTimeout('Show()',200);
   bsd=0;

}
function Show()
{
LT.style.display='';
}
function mouseOut()
{

setTimeout('display()',300);
}
function display()
{
if(0==bsd)
{
LT.style.display='none';
bsd=1;
}
}
function gg()
{
bsd=2;
}
function hh()
{
bsd=0;
setTimeout('display()',100);
}
</script>

<body>
<div id="LT" onMouseMove="gg()" onMouseOut="hh()" style="position:absolute;width:150px;height:100px;z-index:1; background-color: #FF0000; display:none"></div>
<span id=sb >中“超级右键菜单”相关内容 中“超级右键菜单”相关内容 中“超级右键菜单”相关内容 中“超级右键菜单”相关内容 中“超级右键菜单”相关内容 中“超级右键菜单”相关内容 相关说明 ⊙如果这个软件总是不能下载的请点击报告错误,欢迎</span>

fff(/(中){1}/,"中");

fff(/(软件){1}/,"软件");

fff(/(说明){1}/,"说明")

</script>

</body>
</html>

前一页:利用锚点做纯CSS的图片展示效果

后一页:a标签的javascript链接