update node project

coderpwh1024 · coderpwh1024 · commit 0da12073cb56 · 2017-10-09T22:29:25.000+08:00
diff --git a/jquery/.idea/workspace.xml b/jquery/.idea/workspace.xml
diff --git a/jquery/ch3/3-13案例研究-超链接提示和图片提示效果/1-1-文字提示-第一步.html b/jquery/ch3/3-13案例研究-超链接提示和图片提示效果/1-1-文字提示-第一步.html
@@ -32,7 +32,7 @@
     </style>
   <script type="text/javascript">
       $(document).ready(function () {
-           $("a.tooltip").onmouseover(function (e) {
+           $("a.tooltip").mouseover(function (e) {
                var tooltip =  "<div id='tooltip'>"+this.title+ "<\/div>" ;  // div 创建
                $("body").append(tooltip);
 
@@ -41,7 +41,7 @@
                    "left":e.payX+"px"
                }).show("fast");    //  设置 X,Y坐标并且显示
 
-           }).onmouseout(function () {
+           }).mouseout(function () {
                $("#tooltip").remove();   //   移除
            });
       });
diff --git a/jquery/ch3/3-13案例研究-超链接提示和图片提示效果/1-2-文字提示-第二步.html b/jquery/ch3/3-13案例研究-超链接提示和图片提示效果/1-2-文字提示-第二步.html
@@ -0,0 +1,59 @@
+<!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">
+        $(function () {
+
+            var x = 10;
+            var y = 20;
+            $("a.tooltip").mouseover(function (e) {
+                this.myTitle = this.title;
+                this.title = "";
+                var tooltip = "<div id='tooltip'>"+this.myTitle+"<\/div>"  // 创建div 元素
+                $("body").append(tooltip);  // 追加到文档中
+                 $("#tooltip").css({"top":(e.pageY+y)+"px",
+                 left:(e.pageX+x)+"px"}).show("fast");}).mouseout(function () {
+                   this.title = this.myTitle;
+                   $("#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>
