您的位置:首页 - 教程 - JavaScript - 正文
Javascript日期、城市选择器

体验效果: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>


评论:
  • 2016-04-12 21:19 good