这个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">');
});
});
http://jackyrong.iteye.com/blog/893178
分享到:
相关推荐
jQuery鼠标移动发出气泡动画
jQuery tip cards插件用法实例:鼠标滑过翻转,比较集成的一个效果吧,不但是提示效果,还有焦点图切换特效,还有些文字和图片特效,可以自己整理下,用在自己的网页上,提示一下,请运行于支持HTML5的浏览器中。
jquery 鼠标移入显示悬浮框 jquery 鼠标移入显示悬浮框 jquery 鼠标移入显示悬浮框
基于jQuery的鼠标移到问号上出现提示框的demo,可以用于表单项的说明
五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 ...
JQuery 鼠标移到小图上显示大图
jquery鼠标移到Image图片上方时提示文字效果.zip
jquery tips提示图片信息
Jquery鼠标移小图显示大图 Powerful jQuery with Image Zoomer
jquery实现鼠标移动出现提示信息
* $(selector).tips({ //selector 为jquery选择器 * msg:'your messages!', //你的提示消息 必填 * side:1, //提示窗显示位置 1,2,3,4 分别代表 上右下左 默认为1(上) 可选 * color:'#FFF', //提示文字色 默认...
用jQuery实现div跟着鼠标走 鼠标移动时,层也跟着鼠标的移动而移动
jQuery实现鼠标移到产品图片上局部放大点击可完整显
jquery鼠标移动放大图片
5种jquery+css3鼠标移动悬停动画效果,供大家一起共同分享学习。
jQuery 鼠标移动到表格变色特效 等你移动过后你就能看到效果了
鼠标移动到图片上后,图片底部显示文字,文字下一行半透明的CSS滤镜实现的效果,鼠标移走后消失。(PS:暂时效果只支持IE浏览器,不支持火狐,稍后会做补齐)
jquery,tips,冒泡,jquery,tips,冒泡
jquery元素跟随鼠标移动
jQuery实现鼠标划过时文字左右移动 代码应该有用