jquery实现动态添加及获取提示信息

<div id="_gameinfo" style="width:158px; border:1px #FFC solid; background-color:#FFF; position:fixed; z-index:101; display:none;padding:1px;"> 
 </div>
 <div id="thegameBox" style="text-align:center;">
<a href="javascript:;" alt="WASD键控制小女孩移动,方向键控制小男孩的移动,不同颜色的陷阱只能容纳不同颜色的人通过哦!" name="binghuoren">深林冰火人</a> 
<a href="javascript:;" alt="鼠标点击抓东西。" name="zhishangqiu">智商球3</a> 
<a href="javascript:;" alt="鼠标操作,移动鼠标控制机械手移动,点击左键释放磁吸力抓住货物。" name="yunshuchuan">船长的运输船</a> 
</div>
 <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">linux配置vsftpd服务
	$(document).ready(function(){
		$("#thegameBox a").mousemove(function(ev){
	var _Imgsrc="http://images.cnblogs.com/cnblogs_com/jq520/318502/t_"+$(this).attr("name")+".jpg";//这里需要将元素name设置和你的图片名字一样
			var _Ways=$(this).attr("alt");//获取当前鼠标指着的元素的alt
			$('#_gameinfo').show();//显示提示层
				if(!ev){ev=window.event;};//检测是否为IE
				document.getElementById("_gameinfo").style.left=(ev.clientX+10)+"px";//设置提示信息left为鼠标的X轴距离+10px
				document.getElementById("_gameinfo").style.top=(ev.clientY+10)+"px";//设置提示信息top为鼠标的X轴距离+10px
				$('#_gameinfo').html('<img src="'+_Imgsrc+'" alt="" width="158" height="117" style="margin-bottom:3px;" /><br />'+'<font color="blue">操作方法:</font>'+_Ways+'');//给提示层里面添加内容并传入参数
			}).mouseout(function(){
				$('#_gameinfo').hide();//鼠标离开元素提示层隐藏
			})
	})中国海运集团正式决定扩张其广东省业务
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值