add .

dgo2dance · May 14, 2012 · 8e514e2 · 8e514e2
1 parent 2593f31
commit 8e514e2
Show file tree

Hide file tree

Showing 10 changed files with 548 additions and 0 deletions.
diff --git a/hellogull_Calendar/css/style.css b/hellogull_Calendar/css/style.css
@@ -0,0 +1,95 @@
+*{
+	margin:0;
+	padding:0;
+}
+
+body{
+	color:#eee;
+	background:url('../image/page_bg.jpg') repeat-x #f3f3f3;
+	font:15px Calibri,Arial,sans-serif;
+/*  border-top:4px solid #212121; */
+}
+
+#Container{
+	background:url('../image/section_bg.png');
+	border:1px solid #F4F4F4;
+	margin:120px auto 0;
+	overflow:hidden;
+
+	padding:20px 0 35px 0px;
+	width:540px;
+	height:260px;
+
+	-moz-box-shadow:0 0 10px #C4C4C4;
+	-webkit-box-shadow:0 0 10px #C4C4C4;
+	box-shadow:0 0 10px #C4C4C4;
+	text-align:center;
+}
+
+#footer{
+	background-color:#212121;
+	position:fixed;
+	width:100%;
+	height:70px;
+	bottom:0;
+	left:0;
+}
+
+a.tzine{
+	border:none;
+	color:#FCFCFC;
+	font-size:12px;
+	height:70px;
+	left:50%;
+	line-height:31px;
+	margin:23px 0 0 110px;
+	position:absolute;
+	top:0;
+	width:290px;
+}
+
+.tri{
+	border-color:transparent transparent #212121;
+	border-style:solid;
+	border-width:20px 17px;
+	height:0;
+	left:10%;
+	margin:-40px 0 0 0px;
+	position:absolute;
+	top:0;
+	width:0;
+}
+
+h1{
+	font-size:20px;
+	font-weight:normal;
+	left:50%;
+	margin-left:-400px;
+	padding:25px 0;
+	position:absolute;
+	width:400px;
+}
+
+#calendar{
+margin:20px auto;
+}
+.input{
+ height:25px;
+ width:180px;
+}
+
+.hellogull_calendar {height: 195px;width: 147px;background: url(../image/calendar.png) no-repeat;position: absolute;padding-right: 6px;padding-left: 6px;padding-top: 6px;font-size: 12px;border-radius: 0px;display: none;z-index: 999;}
+.hellogull_calendar caption {color: #333333;font: 12px/16px Arial, Helvetica, sans-serif;text-align: center;width: 100%;padding-top: 6px;}
+.hellogull_calendar caption span {height: 20px;text-align: center;cursor: default;}
+.hellogull_calendar table {border-collapse: collapse;border-spacing: 0;}
+.hellogull_calendar td, .hellogull_calendar th {border: 0 none;color: #0597DB;font: 12px Arial, Helvetica, sans-serif;height: 21px;text-align: center;width: 21px;}
+.hellogull_calendar td {background-image: url("../image/calendar-td.gif");}
+.hellogull_calendar td.hover {background: url("../image/calendar-valid.gif") repeat scroll 0 100% transparent;color: #FFFFFF;cursor: pointer;}
+.hellogull_calendar td.valid {cursor: pointer;}
+.hellogull_prev {background-image: url("../image/calendar-prev.gif");left: 6px;}
+.hellogull_prev:hover {background-position: 0 12px;}
+.hellogull_next {background-image: url("../image/calendar-next.gif");right: 6px;}
+.hellogull_next:hover {background-position: 0 12px;}
+.hellogull_calendar table {background: none repeat scroll 0 0 #FFFFFF;border: 0 none;border-collapse: collapse;border-spacing: 0;cursor: default;margin: 0 auto;overflow: hidden;width: 147px;}
+.hellogull_calendar caption a {cursor: pointer;display: block;height: 12px;overflow: hidden;position: absolute;text-indent: -100px;top: 13px;
+width: 11px;}
diff --git a/hellogull_Calendar/hellogull.html b/hellogull_Calendar/hellogull.html
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+	<title>hellogull_Calendar</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
+	<script type="text/javascript" src="js/hellogullCal.js"><</script>
+</head>
+<body>
+	<div id="Container">
+	<!--
+    <a href="#" class="button big blue">Big Button</a>
+    <a href="#" class="button big green">Big Button</a>
+    <a href="#" class="button big orange">Big Button</a>
+    <a href="#" class="button big gray">Big Button</a>
+    <a href="#" class="button blue medium">Medium Button</a>
+    <a href="#" class="button green medium">Medium Button</a>
+    <a href="#" class="button orange medium">Medium Button</a>
+    <a href="#" class="button gray medium">Medium Button</a>
+    <a href="#" class="button small blue">Small Button</a>
+    <a href="#" class="button small green">Small Button</a>
+    <a href="#" class="button small blue rounded">Rounded</a>
+    <a href="#" class="button small orange">Small Button</a>
+    <a href="#" class="button small gray">Small Button</a>
+    <a href="#" class="button small green rounded">Rounded</a>
+	-->
+	<div id="calendar"><input class="input" type="text" value="" /></div>
+ <!--   <div class="calendar"><input class="input" type="text" value="" /></div>
+ -->
+</div>
+<div id="footer">
+	<div class="tri"></div>
+	<h1>HelloGull Calendar</h1>
+	<a class="tzine" href="http://tutorialzine.com/2010/10/css3-animated-bubble-buttons/">Read &amp; Download on</a>
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        //日历控件实例化
+        var input1 =document.getElementById("calendar").getElementsByTagName("input")[0]
+   //   var input2 =getByClass("calendar")[0].getElementsByTagName("input")[0]
+        var calendar1 = new Calendar(input1,"-","yellow");
+  //    var calendar2 = new Calendar(input2,"/","blue");
+	}
+	//获取class 函数
+	function getByClass(className, parent) {
+	parent=parent || document;
+    var result=[];
+	var aEle =parent.getElementsByTagName("*")
+	for(var i=0;i<aEle.length;i++){
+		if(aEle[i].className==className){
+			result.push(aEle[i])
+			}	
+		}
+		return result
+};
+</script>
+</body>
+</html>
diff --git a/hellogull_Calendar/image/calendar-next.gif b/hellogull_Calendar/image/calendar-next.gif
diff --git a/hellogull_Calendar/image/calendar-prev.gif b/hellogull_Calendar/image/calendar-prev.gif
diff --git a/hellogull_Calendar/image/calendar-td.gif b/hellogull_Calendar/image/calendar-td.gif
diff --git a/hellogull_Calendar/image/calendar-valid.gif b/hellogull_Calendar/image/calendar-valid.gif
diff --git a/hellogull_Calendar/image/calendar.png b/hellogull_Calendar/image/calendar.png
diff --git a/hellogull_Calendar/image/page_bg.jpg b/hellogull_Calendar/image/page_bg.jpg
diff --git a/hellogull_Calendar/image/section_bg.png b/hellogull_Calendar/image/section_bg.png