coderpwh1024
diff --git a/‎jquery/.idea/workspace.xml
Lines changed: 45 additions & 18 deletions b/‎jquery/.idea/workspace.xml
Lines changed: 45 additions & 18 deletions
diff --git a/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/1-1-文字提示-第一步.html
Lines changed: 60 additions & 0 deletions b/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/1-1-文字提示-第一步.html
Lines changed: 60 additions & 0 deletions
diff --git a/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_1.jpg
2.05 KB b/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_1.jpg
2.05 KB
diff --git a/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_1_bigger.jpg
12.2 KB b/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_1_bigger.jpg
12.2 KB
diff --git a/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_2.jpg
2.85 KB b/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_2.jpg
2.85 KB
diff --git a/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_2_bigger.jpg
18.1 KB b/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_2_bigger.jpg
18.1 KB
diff --git a/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_3.jpg
3.05 KB b/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_3.jpg
3.05 KB
diff --git a/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_3_bigger.jpg
20.6 KB b/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_3_bigger.jpg
20.6 KB
diff --git a/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_4.jpg
2.46 KB b/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_4.jpg
2.46 KB
diff --git a/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_4_bigger.jpg
15 KB b/‎jquery/ch3/3-13案例研究-超链接提示和图片提示效果/images/apple_4_bigger.jpg
15 KB
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>文字提示</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <!--   引入jQuery -->
+    <script src="../../scripts/jquery.js" type="text/javascript"></script>
+    <style type="text/css">
+        body{
+            margin:0;
+            padding:40px;
+            background:#fff;
+            font:80% Arial, Helvetica, sans-serif;
+            color:#555;
+            line-height:180%;
+        }
+        p{
+            clear:both;
+            margin:0;
+            padding:.5em 0;
+        }
+        /* tooltip */
+        #tooltip{
+            position:absolute;
+            border:1px solid #333;
+            background:#f7f5d1;
+            padding:1px;
+            color:#333;
+            display:none;
+        }
+    </style>
+  <script type="text/javascript">
+      $(document).ready(function () {
+           $("a.tooltip").onmouseover(function (e) {
+               var tooltip =  "<div id='tooltip'>"+this.title+ "<\/div>" ;  // div 创建
+               $("body").append(tooltip);
+
+               $("#tooltip").css({
+                   "top":e.pageY+"px",
+                   "left":e.payX+"px"
+               }).show("fast");    //  设置 X,Y坐标并且显示
+
+           }).onmouseout(function () {
+               $("#tooltip").remove();   //   移除
+           });
+      });
+      
+  </script>
+    
+</head>
+<body>
+
+<p> <a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p>
+<p> <a href="#" class="tooltip" title="这是我超链接提示2.">提示2.</a></p>
+<p> <a href="#" title="这是自带提示1.">自带提示1. </a></p>
+<p><a href="#" title="这是自带提示2.">自带提示2. </a></p>
+
+</body>
+</html>