體驗效果：http://hovertree.com/texiao/js/13/
如果...
你想要一個小巧的js日期選擇器。
你需要一個精美的js日期選擇器。
你需要一個支持鼠標滾動的js日期選擇器。
你想要一行代碼就可以加載的js日期選擇器。
你需要廣泛兼容多浏覽器的js日期選擇器（跨浏覽器設計，
通過IE6、IE7、IE8、Firefox、Chrome、Opera等浏覽器測試）。
它就在這裡...
如果...
你需要一個精美的js省市選擇選擇器。
你想要一行代碼就可以加載的js省市選擇選擇器。
你需要廣泛兼容多浏覽器的js省市選擇選擇器（跨浏覽器設計，
通過IE6、IE7、IE8、Firefox、Chrome、Opera等浏覽器測試）。
它就在這裡...
代碼如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>精美js日期選擇器，js省市選擇器- 何問起 </title>
<link type="text/css" rel="Stylesheet" href="http://hovertree.com/texiao/js/13/styles/main.css" />
<script type="text/javascript" language="javascript" src="http://hovertree.com/texiao/js/13/scripts/eye-base.js"></script>
<script type="text/javascript" language="javascript" src="http://hovertree.com/texiao/js/13/scripts/eye-all.js"></script>
</head>
<body>
<div style="width:789px;margin:0px auto;text-align:left">
<h1>Javascript日期、城市選擇器</h1>
<a href="http://hovertree.com">首頁</a> <a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/h/bjaf/citydate.htm">原文</a>
<br /><br />
<p><b>日期控件：</b></p>
<p>如果...</p>
<p>你想要一個小巧的js日期選擇器。 </p>
<p>你需要一個精美的js日期選擇器。 </p>
<p>你需要一個支持鼠標滾動的js日期選擇器。</p>
<p>你想要一行代碼就可以加載的js日期選擇器。</p>
<p>你需要廣泛兼容多浏覽器的js日期選擇器（跨浏覽器設計， </p>
<p>通過IE6、IE7、IE8、Firefox、Chrome、Opera等浏覽器測試）。</p>
<p>它就在這裡...</p>
<p>點擊文本框選擇日期：</p>
<p><input type="text" style="width: 186px;" onClick="eye.datePicker.show(this);" /></p>
<br />
<p><b>省市選擇器：</b></p>
<p>如果...</p>
<p>你需要一個精美的js省市選擇選擇器。 </p>
<p>你想要一行代碼就可以加載的js省市選擇選擇器。</p>
<p>你需要廣泛兼容多浏覽器的js省市選擇選擇器（跨浏覽器設計， </p>
<p>通過IE6、IE7、IE8、Firefox、Chrome、Opera等浏覽器測試）。</p>
<p>它就在這裡...</p>
<p>點擊文本框選擇省市：</p>
<p><input type="text" style="width: 80px;" id="fromProvince" onClick="eye.selectCity.show(this, 'fromCity');" /><input type="text" style="width: 80px;" id="fromCity" onClick="eye.selectCity.show('fromProvince', this);" /></p>
</div><div style="height:500px;width:100%"></div>
</body>
</html>