提交新文件

jojoin · Sep 23, 2013 · 637ce1b · 637ce1b
1 parent be7d1d7
commit 637ce1b
Show file tree

Hide file tree

Showing 11 changed files with 595 additions and 338 deletions.
diff --git a/.idea/dictionaries/yangjie.xml b/.idea/dictionaries/yangjie.xml
diff --git a/.idea/encodings.xml b/.idea/encodings.xml
diff --git a/.idea/jquery.contips.js.iml b/.idea/jquery.contips.js.iml
diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/scopes/scope_settings.xml b/.idea/scopes/scope_settings.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/examples.html b/examples.html
@@ -0,0 +1,86 @@
+
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta name="description" content="contips" />
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>contips</title>
+  <script type="text/javascript" src="jquery-2.0.3.min.js"></script>
+  <script type="text/javascript" src="jquery.contips.js"></script>
+  <link type="text/css" href="contips.css" rel="stylesheet"/>
+  <style type="text/css">
+    body{
+
+    }
+    .bg{
+      position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -180px;
+      width: 360px; height: 200px; background: #ddd;
+    }
+    .item{
+      display: inline-block; margin: 10px 25px;
+      width: 50px; height: 50px; background: #666;
+      border-radius: 100px; cursor: pointer;
+      font-size: 12px; line-height: 50px; text-align: center;
+    }
+    .item:hover{
+      background: #333;
+    }
+    .one4{
+      background: #fff;
+      border-radius: 3px;
+    }
+    .one4:hover{
+      background: #fff;
+    }
+  </style>
+</head>
+<body>
+
+
+<div class="bg">
+  <p style="font-size: 14px; text-align: center">contips示例：鼠标操作下面的黑块</p>
+  <div class="item one1">滑过上</div>
+  <div class="item one2">滑过下</div>
+  <div class="item one3">点击</div>
+  <input class="item one4" value="点击输入框" />
+  <div class="item one5">无</div>
+  <div class="item one6">显示</div>
+</div>
+
+
+<script type="text/javascript">
+
+  $('.one1').contips({
+    con: 'contips提示框<br>上'
+  });
+
+  $('.one2').contips({
+    align: 'bottom',
+    ready: function($elm,$tip){
+      $tip.find('.con').html( 'contips提示框<br>下');
+    } //数据回调
+  });
+
+  $('.one3').contips({
+    mode:'click', //显示的方式 instant hover click focus
+    con: 'contips提示框<br>点击出现'
+  });
+
+  $('.one4').contips({
+    mode:'focus', //显示的方式 instant hover click focus
+    con: 'contips提示框<br>输入框'
+  });
+
+  $('.one6').contips({
+    align: 'bottom',
+    mode:'instant', //显示的方式 instant hover click focus
+    con: 'contips提示框<br>默认显示'
+  });
+
+
+</script>
+
+
+
+</body>
+</html>
diff --git a/jquery-2.0.3.min.js b/jquery-2.0.3.min.js