仿微博头像弹出插件

hehongwei44 · Jul 23, 2014 · a6b857d · a6b857d
1 parent d181d98
commit a6b857d
Show file tree

Hide file tree

Showing 16 changed files with 9,659 additions and 141 deletions.
diff --git a/仿微博头像弹出插件/53客服首页.html b/仿微博头像弹出插件/53客服首页.html
diff --git a/仿微博头像弹出插件/CROS.html b/仿微博头像弹出插件/CROS.html
diff --git a/仿微博头像弹出插件/css/layer_arrow.gif b/仿微博头像弹出插件/css/layer_arrow.gif
diff --git a/仿微博头像弹出插件/css/pop.css b/仿微博头像弹出插件/css/pop.css
@@ -0,0 +1,12 @@
+.jspopup {position: absolute;display: none;z-index: 1000;border-collapse: collapse;}
+.jspopup td.corner {height: 15px;width: 19px;}
+.popuptc{ width:362px; margin:10px 2px;}
+.popuptc_wai{ width:360px; border:1px solid #c6c6c6;  border-bottom:0; }
+.popuptc_wai_up{ width:360px; border:1px solid #c6c6c6;background:#fff;box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;-moz-box-shadow: 0 0 5px #999;
+ }
+.popuptc_wai_up.start{height:40px;line-height: 40px;text-align:center;background:white url('./poploading.gif') no-repeat 110px 12px;}
+.popuptc .point{background: url("./layer_arrow.gif") 0px -21px no-repeat;height:9px;font-size:1px;width:16px;top: 9px;left: 17px;z-index: 1000000;position: absolute;}
+.jspopup.rs .popuptc .point{background-position: 0px -11px;top: 193px;left:325px;}
+.jspopup.lx .popuptc .point{background-position: 0px -3px;top: 12px;height:9px;}
+.jspopup.rx .popuptc .point{background-position: 0px -3px;top: 12px;left:325px;height:9px;}
+.jspopup.ls .popuptc .point{background-position: 0px -11px;top: 193px;}
diff --git a/仿微博头像弹出插件/css/poploading.gif b/仿微博头像弹出插件/css/poploading.gif
diff --git a/仿微博头像弹出插件/demo/0.jpg b/仿微博头像弹出插件/demo/0.jpg
diff --git a/仿微博头像弹出插件/demo/1.jpg b/仿微博头像弹出插件/demo/1.jpg
diff --git a/仿微博头像弹出插件/demo/2.jpg b/仿微博头像弹出插件/demo/2.jpg
diff --git a/仿微博头像弹出插件/demo/3.jpg b/仿微博头像弹出插件/demo/3.jpg
diff --git a/仿微博头像弹出插件/demo/demo.css b/仿微博头像弹出插件/demo/demo.css
@@ -0,0 +1,11 @@
+body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
+h3{color:#555;font-weight:normal;margin:10px 0px; }body{text-align:center;margin-top:30px;}
+h1,h3{font-family: microsoft yahei}
+table{width:600px;margin:0px auto;background: #ff6600;color:#fff}
+ul,ol{
+    list-style:none;
+}
+a{color:blue;margin:0px 3px }
+#result{width:560px;margin:30px auto;padding:20px;}
+table td{cursor:pointer;text-align: left;padding:5px;width: 100px;}
+body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}
diff --git a/仿微博头像弹出插件/index.html b/仿微博头像弹出插件/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+		<title>測試用例</title> 
+		<link href="demo/demo.css" rel="stylesheet"/> 
+		<!--requirement-->
+		<link href="css/pop.css" rel="stylesheet"/> 
+		<script type="text/javascript" src="js/jquery-1.7.2.js" ></script> 
+		<script type="text/javascript" src="js/jspop.js" ></script> 
+		<script type="text/javascript">
+			$(function(){
+				$('a').each(function(){
+					$(this).jspop({
+						ajaxurl : 'http://www.google.com'
+					});
+				});
+			});
+		</script>
+	</head>  
+	<body>
+		<a data-userid="id1" href="javascript:;" style="top:20px;left:10px;position: absolute;"><img src="demo/0.jpg"/></a>
+		<a data-userid="id2" href="javascript:;" style="top:20px;right:10px;position: absolute;"><img src="demo/1.jpg"/></a>
+		<a data-userid="id3" href="javascript:;" style="top:200px;left:10px;position: absolute;"><img src="demo/2.jpg"/></a>
+		<a data-userid="id4" href="javascript:;" style="top:200px;right:10px;position: absolute;"><img src="demo/3.jpg"/></a>
+	</body>
+</html> 
+<script></script>