`

[转载]jquery中的一个小TIPS:鼠标移动到连接时发出声音

 
阅读更多
这个TIPS其实很简单的,实现的效果是:当鼠标移动到链接上时,则可以发出声音,
其实很简单,代码如下:
Html代码 
<p><a href="#" class="click">Click here for sound effect</a></p> <p><a href="#" class="hover">Hover here for sound effect</a></p>  

Js代码 
$(function(){   
   $('a.click').click(function(){  
         $('embed').remove();  
         $('body').append('<embed src="click.wav" autostart="true" hidden="true" loop="false">');     });  
      $('a.hover').mouseover(function()  
{    
      $('embed').remove();  
         $('body').append('<embed src="hover.wav" autostart="true" hidden="true" loop="false">');   
   });  
}); 


http://jackyrong.iteye.com/blog/893178
分享到:
评论

相关推荐

    Jquery实现鼠标移上弹出提示框、移出消失思路及代码

    在今天的知识分享中,我们将探讨如何利用JQuery实现一个常见的网页交互效果:鼠标移上元素时弹出提示框,鼠标移出时提示框消失。这一交互功能在用户界面设计中非常实用,能够有效地为用户提供额外的信息或说明。 ...

    jquery tips提示图片信息.rar

    总的来说,“jquery tips提示图片信息.rar”这个资源很可能是关于如何使用jQuery来创建一个具有提示信息功能的图片展示系统,这个系统可能还包括图片相册的交互效果,使用了各种jQuery特性以增强用户体验。...

    jquery tips提示插件自适应屏幕宽度提示图片信息

    例如,当用户鼠标悬停在某个图标或按钮上时,可以弹出一个包含相关图片的提示框,以提供更直观的说明。这种功能对于教程、示例或复杂操作的指示特别有用。 四、使用方法 1. 引入jQuery库:首先,你需要在HTML文件中...

    jquery_tips,JQ实现的冒泡提示

    冒泡提示,通常是指当鼠标悬停在某个元素上时,该元素周围会弹出一个包含提示信息的小窗口,就像水中的气泡一样。在jQuery中,我们主要通过CSS来定义提示框的样式,而JavaScript则负责控制提示框的显示和隐藏,以及...

    jquery做的一个onmouse出tips帮助文档的一个效果

    标题 "jquery做的一个onmouse出tips帮助文档的一个效果" 提示我们这个压缩包中的内容是关于使用jQuery实现鼠标悬停(onmouseover)时显示提示信息(tips)的示例。这种效果常见于许多网站,当用户将鼠标移到某个元素...

    jquery随鼠标移动的提示插件

    《jQuery随鼠标移动提示插件详解》 在Web开发中,提供友好的用户交互体验是至关重要的,而提示信息就是其中一种有效的方式。jQuery作为一款强大的JavaScript库,为开发者提供了丰富的功能,包括创建动态和交互式的...

    jQuery实现鼠标移到元素上动态提示消息框效果

    本文将详细讲解如何使用jQuery实现鼠标移到元素上动态提示消息框的效果。 首先,我们需要一个HTML结构来包含我们想要添加提示效果的元素。在这个例子中,我们有四个类名为`item_keleyi_com`的`div`元素,每个元素...

    基于jquery的商品图片tips提示框(无图片箭头+阴影).zip

    在这个"基于jquery的商品图片tips提示框(无图片箭头+阴影).zip"项目中,我们可以看到一个利用jQuery实现的特定功能:商品图片的提示框,这个提示框没有传统的图片箭头,而是采用阴影效果来指示提示信息的位置。...

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

    jQuery是一个轻量级的JavaScript库,它的强大功能和简洁API使得实现这样的功能变得简单易行。 首先,要理解jQuery的核心概念。jQuery通过封装JavaScript的DOM操作、事件处理、动画和Ajax交互等,简化了网页脚本编写...

    鼠标触发提示消息,弹出消息窗口,用jquery 实现的,相当的绚丽

    当鼠标移动到特定元素上时,我们可以通过绑定`mouseenter`或`mouseover`事件来触发提示消息的显示。同时,利用`fadeIn`, `fadeToggle`或`show`等方法可以实现消息窗口的动态显示。 下面是一个基本的步骤来实现这个...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    25.jquery鼠标移动出现下拉菜单及提示特效代码 26.jquery外国滚动型多级展开菜单插件(jGlideMenu)下载 27.jquery自由滚动切换 标签式导航菜单示例 28.博客Blog横向jquery动态滑动菜单插件示例 29.打包50种...

    基于jquery的气泡弹窗下拉提示插件样式自定义

    首先,jQuery是一个强大的JavaScript库,它简化了JavaScript代码的编写,使得DOM操作、事件处理、动画设计变得更加容易。使用jQuery创建气泡弹窗下拉提示,可以减少开发时间和提高效率。 在"基于jquery的气泡弹窗,...

    jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)

    - mouseover事件触发时,创建一个新的提示框元素(包含图片),将其添加到body中,并显示提示框。 - mouseout事件触发时,移除整个提示框元素。 - mousemove事件用于动态调整提示框的位置,使其跟随鼠标移动。 3....

    js工具提示条Tips

    JavaScript中的工具提示条(Tips)是一种常见的用户交互元素,它可以在鼠标悬停在特定元素上时显示额外的信息,提供上下文帮助或者展示详细数据。在本文中,我们将深入探讨JavaScript工具提示条的基本概念、实现方式...

    jquery多方位多层次弹出卡片插件Flip Out Cards

    Flip Out Cards是一个基于jQuery的多层次多方向弹出卡片插件,Flip Out Cards插件可以轻松实现当鼠标悬浮于卡片上时,同时从卡片的左、右、下三个方向弹出三张卡片,看起来有点像变形金刚的感觉,用于产品的说明是个...

    基于jQuery的类似Google搜索的提示列表

    标题中的“基于jQuery的类似Google搜索的提示列表”是指一种使用JavaScript库jQuery实现的功能,它模仿了Google搜索引擎的自动完成功能。这个功能通常用于提高用户体验,当用户在搜索框中输入关键字时,系统会根据已...

    JQUERY实现左侧TIPS滑进滑出效果示例

    标题中的“JQUERY实现左侧TIPS滑进滑出效果示例”是指利用JavaScript库jQuery来创建一种交互式UI效果,即当鼠标悬停在某个元素(如一个按钮或链接)上时,会在页面左侧显示出一个提示框(TIPS),这个提示框会平滑地...

Global site tag (gtag.js) - Google Analytics