Chinaunix首页 | 论坛 | 博客
  • 博客访问: 448100
  • 博文数量: 141
  • 博客积分: 211
  • 博客等级: 入伍新兵
  • 技术积分: 1049
  • 用 户 组: 普通用户
  • 注册时间: 2010-09-17 16:25
个人简介

如此经年,望尽千帆。

文章分类

全部博文(141)

文章存档

2014年(73)

2013年(65)

2012年(3)

我的朋友

分类: jQuery

2014-04-28 06:40:28

使用实现的鼠标放上去显示悬浮层即弹出定位的div层。
代码:

  1. <script language="javascript" src="jquery-1.4.2.min.js"></script>
  2. <script>
  3. function show(obj,id) {
  4. var objDiv = $("#"+id+"");
  5. $(objDiv).css("display","block");
  6. $(objDiv).css("left", event.clientX);
  7. $(objDiv).css("top", event.clientY + 10);
  8. }
  9. function hide(obj,id) {
  10. var objDiv = $("#"+id+"");
  11. $(objDiv).css("display", "none");
  12. }
  13. </script>


  14. <!--http://


  15. <div id="mydiv1" style="position:absolute;display:none;border:1px solid silver;background:silver;">
  16. 提示1效果
  17. </div>
  18. <div id="mydiv2" style="position:absolute;display:none;border:1px solid silver;background:silver;">
  19. 提示2效果
  20. </div>


  21. <a id="t1" onMouseOver="javascript:show(this,'mydiv1');" onMouseOut="hide(this,'mydiv1')">鼠标放上去1</a>
  22. <br><br><br><br><br>
  23. <a id="t2" onMouseOver="javascript:show(this,'mydiv2');" onMouseOut="hide(this,'mydiv2')">鼠标放上去2</a>
阅读(1161) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~