首页 > 其他分享 >jquery中的一个小TIPS:鼠标移动到连接时发出声音

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

时间:2022-12-02 11:03:00浏览次数:45  
标签:jquery function 鼠标 body sound TIPS click append


这个TIPS其实很简单的,实现的效果是:当鼠标移动到链接上时,则可以发出声音,
其实很简单,代码如下:
<p><a href="#" class="click">Click here for sound effect</a></p> <p><a href="#" class="hover">Hover here for sound effect</a></p>
$(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">'); 
   });
});

标签:jquery,function,鼠标,body,sound,TIPS,click,append
From: https://blog.51cto.com/u_14230175/5906237

相关文章

  • jquery判断图片是否完整加载了
    这里其实是个tips,目的是判断每张图片是否能正确完整加载了:(document).ready(function(){$('img').error(function(){ $.post('ajax-image......
  • 小tips:设置java 的heap
    在java中,可以设置heap的大小:-Xms<size>设置初始heap的大小-Xmx<size> 设置最大的heap的大小-xss<size>设置threadstack大小如下文,设......
  • jquery工具类笔记
    1$browswer对象获得浏览器信息<scripttype="text/javascript">$(function(){varstrTmp="您的浏览器名称是:";if($.browser.msie){//I......
  • day28-jQuery01
    jQuery01参考文档1:jQueryAPI中文文档|jQueryAPI中文在线手册|jqueryapi下载|jqueryapichm(cuishifeng.cn)参考文档2:jQuery教程(w3school.com.cn),jQuery......
  • js,jQuery获取html5的data-*属性
    js,jQuery获取html5的data-*属性  今天做项目的时候发现一个坑,关于jQuery获取data-*属性的方法data(),特写此篇来记录。data-*自定义数据属性HTML5规定可以为元......
  • Jquery
    是一个封装好的js库函数,注意用jq前要看文档加载好了没有: $(document).ready(function(){//jQueryfunctionsgohere});文档加载好的函数$(this)......
  • jQuery Core
    jQueryCDN-providedby(mt)MediaTemplejQueryCoreCurrentversion(canbehotlinked)​​jquery-1.10.0.min.js​​-latestversion,minifiedforproduction......
  • jquery中如何以逗号分割字符串_百度知道
    jquery中如何以逗号分割字符串_百度知道javascript本身就是带split方法的定义和用法split()方法用于把一个字符串分割成字符串数组。语法stringObject.split(separator,how......
  • Lazy Load, 延迟加载图片的 jQuery 插件 - NeoEase
    LazyLoad,延迟加载图片的jQuery插件-NeoEaseLazyLoad是一个用JavaScript编写的jQuery插件.它可以延迟加载长页面中的图片.在浏览器可视区域外的图片不会被......
  • jquery选择器 之 获取父级元素、同级元素、子元素 - yes的日志
    jquery选择器之获取父级元素、同级元素、子元素-yes的日志一、获取父级元素1、 parent([expr]):获取指定元素的所有父级元素<divid="par_div"><aid="href_fir"h......