还是要首先引用JQ框架。 然后来看看效果：(连接添加不上)只能暂时看哈图片， 具体效果可参见我博客左方“My Box”中的“玩游戏”： 下面代码中有具体注释。 再来看看代码： 复制代码 代码如下: 深林冰火人 智商球3 船长的运输船 <BR>$(document).ready(function(){ <BR>$("#thegameBox a").mousemove(function(ev){ <BR>var _Imgsrc="http://files.jb51.net/upload/201109/20110901202741350.jpg";//这里需要将元素name设置和你的图片名字一样 <BR>var _Ways=$(this).attr("alt");//获取当前鼠标指着的元素的alt <BR>$("#_gameinfo").show();//显示提示层 <BR>if(!ev){ev=window.event;};//检测是否为IE <BR>document.getElementById("_gameinfo").style.left=(ev.clientX 10) "px";//设置提示信息left为鼠标的X轴距离 10px <BR>document.getElementById("_gameinfo").style.top=(ev.clientY 10) "px";//设置提示信息top为鼠标的X轴距离 10px <BR>$("#_gameinfo").html('<img src="' _Imgsrc '" alt="" style="max-width:90%" style="max-width:90%" style="margin-bottom:3px;" /><br />' '<font color="blue">操作方法：' _Ways '');//给提示层里面添加内容并传入参数 <BR>}).mouseout(function(){ <BR>$("#_gameinfo").hide();//鼠标离开元素提示层隐藏 <BR>}) <BR>}) <BR>
