jquery中的一个小TIPS:鼠标移动到连接时发出声音
2013-07-01 16:27
204 查看
这个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">');
});
});
其实很简单,代码如下:
<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的的一个隔行变色,鼠标移动变色的小插件
- 基于jQuery的的一个隔行变色,鼠标移动变色的小插件
- 鼠标放在一个连接上,会显示图片(类似tooltip)
- 一个网页上随鼠标移动显示时钟的javascript 代码
- (笔记)鼠标移动到一个 元素上所触发的事件
- JQuery_鼠标移动到图标上显示相应信息
- 一个小程序:图片代替鼠标移动
- jquery 跟随鼠标移动
- XYTipsWindow 2.8,一个基于jQuery的弹出层
- 鼠标放在一个连接上,会显示图片(类似tooltip)
- 一个jQuery弹出层(tipsWindown)
- jQuery背景跟随鼠标移动的网页导航
- jquery插件实现鼠标移动到中国地图提示框地区数据提示的特效
- jquery animate 鼠标快速移动闪烁的解决办法
- jquery如何在页面加载完成后模拟出一个鼠标点击事件?
- jquery 鼠标按住移动的解决方案
- 用jQuery实现鼠标在table上移动进行样式变化
- jQuery仿淘宝商城天猫鼠标移动过去,透明度降低
- unity3d实现一个人物跟随鼠标点击地面那点就移动那点,实现点击特效加人物动画方向的切换。