鼠标移动到图片上面然后出现详细的信息
2012-01-06 12:42
330 查看
var __mm_arr = null;function printMedal(m_arr) { __mm_arr = m_arr; var s = "
"; for (var i = 0; i < m_arr.length; i++) { s += ""; s += "
"; s += ""; } s += "
"; $('#blog_medal').append($(s));}var __mm_over = false;function m_over_m(e, i) { __mm_over = true; showMedalInfo(e, i);}function m_out_m() { __mm_over = false; hideMedalInfo();}var __mm_intro = null;function showMedalInfo(e, i) { if (__mm_intro) { document.body.removeChild(__mm_intro);
__mm_intro = null; } var m = __mm_arr[i]; var s = ""; s += "
"; s += "
"; s += "" + m.title + "" + m.desc + ""; s += "
"; __mm_intro = document.createElement("div"); __mm_intro.className = "medal_intro"; var pos = $(e).position(); var left = pos.left - (306 - 32) / 2; if (left < 0) left = 0; __mm_intro.style.left = left + 'px'; __mm_intro.style.top = pos.top + 32 + 4 + 'px';
__mm_intro.innerHTML = s; document.body.appendChild(__mm_intro);}function hideMedalInfo() { setTimeout(function () { if (!__mm_over && __mm_intro) { document.body.removeChild(__mm_intro); __mm_intro = null; } }, 500);}
"; for (var i = 0; i < m_arr.length; i++) { s += ""; s += "
"; s += ""; } s += "
"; $('#blog_medal').append($(s));}var __mm_over = false;function m_over_m(e, i) { __mm_over = true; showMedalInfo(e, i);}function m_out_m() { __mm_over = false; hideMedalInfo();}var __mm_intro = null;function showMedalInfo(e, i) { if (__mm_intro) { document.body.removeChild(__mm_intro);
__mm_intro = null; } var m = __mm_arr[i]; var s = ""; s += "
"; s += "
"; s += "" + m.title + "" + m.desc + ""; s += "
"; __mm_intro = document.createElement("div"); __mm_intro.className = "medal_intro"; var pos = $(e).position(); var left = pos.left - (306 - 32) / 2; if (left < 0) left = 0; __mm_intro.style.left = left + 'px'; __mm_intro.style.top = pos.top + 32 + 4 + 'px';
__mm_intro.innerHTML = s; document.body.appendChild(__mm_intro);}function hideMedalInfo() { setTimeout(function () { if (!__mm_over && __mm_intro) { document.body.removeChild(__mm_intro); __mm_intro = null; } }, 500);}
相关文章推荐
- 鼠标移动在文字上面,让其显示详细信息
- 当鼠标移动到图片上时```就会出现一个保存和另存为 提示。大家估计都见过,怎么去掉它呢
- 图片定义的title提示信息的样式以及提示信息跟随鼠标的移动而移动的效果
- 鼠标滑过列表文字显示图片及详细信息信息信息
- [javascript]鼠标滑过列表文字显示图片及详细信息
- 鼠标移动到热点上,显示详细信息
- jquery实现鼠标移动出现提示信息
- AJAX练习3--鼠标移动到指定的图片显示相应的该图片的信息
- jQuery购物图片中的鼠标悬停显示详细信息效果
- jquery实现鼠标移动出现提示信息效果代码
- 利用MVC和Ajax实现->鼠标移动到热点上,显示详细信息
- jquery实现鼠标移动出现提示信息
- jquery实现鼠标移动出现提示信息
- 鼠标移动到热点上,显示详细信息(显示数据库的信息)
- 鼠标移动到图片出现按钮,点击删除图片
- jquery实现鼠标移动出现提示信息(转自www.jqueryba.com)
- 鼠标移动到某文字上然后显示图片
- 鼠标移动到图片上,显示相关信息
- 跟随鼠标移动的图片制作的提示信息框
- AJAX练习3--鼠标移动到指定的图片显示相应的该图片的信息