`
star65225692
  • 浏览: 277269 次
  • 性别: 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+ajax实现动态添加表格tr td功能示例

    ### jQuery+ajax实现动态添加表格tr td功能 在进行Web开发时,我们经常需要动态地从服务器获取数据,并将这些数据展示在网页上。表格是展示这些数据的一种常见形式。本文将详细解析使用jQuery和ajax技术来实现动态...

    jquery alert 提示框、动态加载提示框、jquery插件

    动态加载提示框是指在用户执行特定操作时,如点击按钮、提交表单等,才即时创建并显示的提示信息。这通常涉及到Ajax技术,通过异步方式获取数据并在页面上动态插入元素。例如,当用户提交表单后,我们可能需要显示一...

    jquery实现动态登陆提示框(下拉提示效果)

    在本文中,我们将深入探讨如何使用jQuery来实现一个动态登录提示框,该提示框具有下拉效果,特别是在密码输入框下方。这个功能是利用CSS3的一些特性来增强用户体验,但需要注意的是,由于对CSS3的支持程度不同,...

    jquery_tips,JQ实现的冒泡提示

    除了基本的提示功能,我们还可以进一步定制提示框,比如添加动画效果、设置提示内容的延迟显示、响应不同类型的提示信息等。此外,可以结合其他jQuery插件,如jQuery UI,以实现更丰富的提示样式和交互效果。 总结...

    jQuery实现的适用于图片、链接的浮动提示信息框

    这个简单的jQuery实现允许我们在图片和链接上创建自定义的浮动提示信息框,同时保持了良好的可定制性,可以根据项目需求调整提示框的样式和行为。 为了测试这个功能,你需要将`softhy.net`压缩包中的文件部署到...

    jQuery实现消息提示框

    **jQuery实现消息提示框** 在Web开发中,用户交互是必不可少的部分,而消息提示框则是与用户进行简单信息交流的常见方式。jQuery,一个广泛使用的JavaScript库,提供了丰富的API来帮助开发者实现各种功能,包括创建...

    jquery输入框提示插件input输入框文字下拉提示添加标签代码

    标题和描述提到的“jquery输入框提示插件input输入框文字下拉提示添加标签代码”是一个关于如何利用 jQuery 和相关技术实现这种功能的方法。 这个插件的主要目的是当用户在输入框中输入文字时,提供实时的下拉提示...

    jQuery点击添加到购物车

    总结来说,实现"jQuery点击添加到购物车"功能,我们需要掌握jQuery的基本用法,包括事件处理和DOM操作,以及利用Ajax进行前后端通信。同时,为了保证良好的用户体验和浏览器兼容性,我们需要对各种浏览器的特性有...

    JQuery实现输入框大写提示

    在本文中,我们将深入探讨如何使用JQuery实现输入框大写提示功能,这对于创建具有用户友好体验的登录界面尤其有用。JQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务,使得前端开发...

    jquery+.net实现的动态添加表,分页并实现显示详细信息

    本项目"jquery+.net实现的动态添加表,分页并实现显示详细信息"是一个很好的实践案例,展示了如何利用这两者来创建功能丰富的用户界面。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理...

    Jquery实现问卷调查

    "可新添加问卷信息"意味着我们需要实现动态添加表单字段的功能。这可以通过监听添加按钮的点击事件,然后使用jQuery创建新的DOM元素并插入到适当的位置。同时,为了处理多选题和单选题,我们需要提供能够输入多个...

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

    综上所述,这个示例不仅演示了如何使用jQuery来实现基本的用户交互功能,比如动态添加和获取提示信息,还涉及到了一些基本的前端开发知识,包括DOM操作、事件处理、浏览器兼容性问题、CSS应用等。这些都是前端开发者...

    Jquery 好看的悬浮提示 信息提示

    首先,悬浮提示(Tooltip)通常用于显示与页面元素相关的额外信息,当鼠标悬停在该元素上时,提示信息会以一种优雅的方式出现。在jQuery中,我们可以利用事件监听和自定义CSS样式来创建这样的功能。 1. **事件监听*...

    jquery实现输入框邮箱提示效果

    要实现输入框邮箱提示效果,首先我们需要一个HTML结构,包含一个`&lt;input&gt;`标签用于用户输入邮箱,并且需要一个`&lt;ul&gt;`或者`&lt;div&gt;`作为提示信息的容器。例如: ```html 请输入邮箱"&gt; &lt;div id="emailSuggestions"&gt;&lt;/...

    jQuery点击添加到购物车动画代码

    在上面的代码中,`.add-to-cart`是商品元素的类名,当用户点击这些元素时,商品会逐渐变得模糊(透明度降低至0.5),等待半秒后向上移动一段距离,并在之后恢复原样,同时给出提示信息,表明商品已被添加到购物车。...

    jquery实现的鼠标悬停动态提示框效果.zip

    3. `append` 或 `prepend`:为了将提示信息添加到目标元素,我们可以使用这些方法将HTML字符串插入到元素的末尾或开头。 4. 可能会用到CSS来定位和样式化提示框,使其在页面上的位置恰到好处,同时保持与鼠标位置的...

    jQuery实现实用的动态信息提示框tips效果可用在超级链接或图片上.zip

    【jQuery实现动态信息提示框Tips效果】是一种常见的前端交互设计,它能为用户提供直观的信息反馈,增强用户体验。jQuery是一个轻量级的JavaScript库,它的强大功能和简洁API使得实现这样的功能变得简单易行。 首先...

    jQuery为图片添加文字提示内容.rar

    通过动态创建和控制元素,以及利用CSS进行美化,我们可以轻松地为网页中的图片添加文字提示,使得用户在不离开当前位置的情况下获取更多信息。这不仅提高了网站的可用性,也为网页增添了一丝专业和精致感。

    jQuery实现的工具提示信息效果比如新消息条数等等.zip

    在这个"jQuery实现的工具提示信息效果比如新消息条数等等.zip"文件中,我们可以预期找到的是一个使用jQuery实现的自定义工具提示功能,特别是针对显示新消息条数等动态信息的场景。 jQuery的工具提示实现通常基于...

    jquery实现友好的输入框提示

    现在,让我们用jQuery编写JavaScript代码来实现动态提示。以下是一个简单的示例: ```javascript $(document).ready(function() { var inputField = $('#inputField'); var tooltip = $('#tooltip'); // 当...

Global site tag (gtag.js) - Google Analytics