可以在这里体验：http://keleyi.com/keleyi/phtml/duanwu/index.htm
请把鼠标移动到大鼓上，然后选择三只龙舟中的一只，然后击鼓。
http://down.keleyi.com/source/duanwu.rar
上面2处根据自己LOGO的位置调整大小以及定位
html文件源码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>端午节快乐，龙舟比赛javascript特效--柯乐义</title> <style> * {margin: 0;padding: 0;} </style> </head> <body> <div style="margin: 0 auto; width: 960px;"> <div id="m" style="float:left"> <p id="lg"> <img src="http://keleyi.com/keleyi/phtml/duanwu/duanwu/img/duanwu-logo.gif" width="270" height="129" usemap="#mp" style="border:0"> <map name="mp"> <area shape="rect" coords="1,5,269,103" href="http://www.keleyi.com" target="_blank" title="端午龙舟赛，请选择龙舟" onMouseDown="return ns_c({'fm':'behs','tab':'bdlogo'})"></map> </p> </div> <p id="lm" style="height:60px; width:400px; padding:70px 0 0 280px"></p> </div> <script charset="utf-8" src="http://keleyi.com/keleyi/phtml/duanwu/duanwu/js/duanwu.js"></script> </body> </html>