`
star65225692
  • 浏览: 267273 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类

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>
分享到:
评论

相关推荐

    jquery 简短几句代码实现给元素动态添加及获取提示信息

    虽然是很基本的东西,但为什么很基本的方法就可以实现的东西有些人偏偏还要去追求复杂高深难懂的呢?这里只是交流而已

    jquery插件使用方法大全

    不错的JQUERY 中文学习 推荐 微软的visual studio 2008 sp1支持对jquery的动态提示,只要在代码页导入对应的vsdoc脚本就可以。 目前为止,jQuery的最新版本为1.7.2。 编辑本段历史版本  jQuery 1.0(2006年8月):...

    jQuery 表单验证插件

    支持自定义错误提示信息。 支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字符型;选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持...

    jQuery formValidator表单验证插件

    支持自定义错误提示信息。 支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字符型;选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持...

    jQuery formValidator表单验证插件示例源码

    支持自定义错误提示信息。 支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字符型;选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持...

    快递物流管理系统(SSM,JQUERY-EASYUI,MYSQL).zip

    JAVA, JSP, SSM, JQUERY, JQUERY EASYUI, MYSQL, HTML, CSS, JAVASCRIPT ⑴角色管理:系统通过角色管理对不同角色进行权限分配,实现不同角色的用户登录系统...用户可依据统计结构来调整路线及车辆以获得最大化收益。

    jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例

    支持自定义错误提示信息。 支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型、字符型、日期型;选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型、...

    JavaScript基础教程第8版

    《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上...

    JavaScript实战

    3.4.3 从函数获取信息 69 3.4.4 防止变量冲突 70 3.5 教程:一个简单测验 72 第4章 操作字符串、数值和日期 77 4.1 快速对象介绍 78 4.2 字符串 80 4.2.1 确定字符串的长度 80 4.2.2 改变字符串的大小写 80 4.2.3 ...

    js加入购物车抛物线动画与购物车效果特效

    然后,我们还需要在页面的右侧加上购物车以及提示信息。 复制代码 代码如下: &lt;i id="end"&gt;&lt;/i&gt; 购物车 已成功加入购物车! CSS 我们使用CSS先将商品排列美化,然后设置右侧购物车样式,具体请看代码: ...

    补丁DD8.1-130722-13年07月22日.zip

    修复jquery.validate.js在jquery1.7下不兼容问题 修复旧版插件优惠券无法修改搜索信息的bug 修复添加淘宝订单错误的问题 优化无返利类api自动定位会员 优化淘宝主key的使用 优化有返利类api下增加按找小时获取淘宝...

    C#基类库(苏飞版)

    实现了计算机的信息获取功能,计算机名,IP,硬盘信息,网卡信息,操作系统信息等 2.Api_Win32_Mac类工具包 一个Win32的Api包,实现了大部分的Api操作帮助方法 3.在c#程序中放音乐的帮助类 使用C#播放音乐的帮助...

    jmapcms网站开发系统 1.4.zip

    然后再返回给用户更正,这样用户就会感觉到麻烦,有可能就懒得提交,更有可能让站长丢失重要的信息.jmapcms网站开发系统都采用ajax和jquery方式实现实时判断功能,这样客户就能根据错误提示进行输入和修正,让客户一次性...

    ASP.NET.4揭秘 卷2

    n149 小结n第15章 用jQuery实现客户端Ajax n151 jQuery介绍 n1511 使用jQuery库 n1512 创建jQuery文件 n1513 方法和documentready n1514 jQuery选择器 n152 从客户端调用Web服务 n1521 调用外部的Web服务 n1522 调用...

    asprain论坛Access版V1.1

    06.[修正]在后台对版块添加了版主之后,版主不能立即获得管理权的问题 07.[修正]在后台修改版块信息时,如果版块下面还有子版块就会出错的问题 08.[修正]在后台添加页头广告时莫名其妙地变成两侧对联广告的...

    SYPRO示例项目源码和EasyUI入门视频教程

    第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课...

Global site tag (gtag.js) - Google Analytics