DHTML弹出式日历选单 V.0.9.2 - 编程吧

上一篇 | 下一篇

DHTML弹出式日历选单 V.0.9.2

发布: 2007-7-07 20:16 | 作者: 佚名 | 来源: 转载 | 查看: 70次


  我们结合效果页面来介绍制作的方法:
  [效果页面]
  在头部<head>中插入样式表:
calendar-blue.css
calendar-brown.css
calendar-green.css
calendar-system.css
calendar-win2k-1.css
calendar-win2k-2.css
calendar-win2k-cold-1.css
calendar-win2k-cold-2.css

  并加载相应的JS文件:calendar.js、calendar-en.js、]、calendar2.js
<SCRIPT src="http://www.blue1000.com/article/calendar.js" type=text/JavaScript></SCRIPT>
<SCRIPT src="http://www.blue1000.com/article/calendar-en.js" type=text/JavaScript></SCRIPT>
<SCRIPT src="http://www.blue1000.com/article/calendar2.js" type=text/JavaScript></SCRIPT>

  插入表单样式:
日历选单#1:<INPUT id=sel1 size=30 name=date1 class=fm><INPUT onclick="return showCalendar('sel1', 'y-m-d [ww]');" type=reset value=选择 name=reset><BR>[y-m-d [ww]] -- 单击取值
日历选单#2:<INPUT id=sel2 size=30 name=date2 class=fm><INPUT onclick="return showCalendar('sel2', 'DD, MM d, y');" type=reset value=选择 name=reset><BR>[DD, MM d, y] -- 双击取值
日历选单#3:<INPUT id=sel3 size=30 name=date3 class=fm><INPUT onclick="return showCalendar('sel3', 'dd-mm-y');" type=reset value=选择 name=reset><BR>[dd/mm/y] -- 单击取值
日历选单#4:<INPUT id=sel4 size=30 name=date4 class=fm><INPUT onclick="return showCalendar('sel4', 'D, M d, y');" type=reset value=选择 name=reset><BR>[D, M d, y] -- 双击取值

  制作的方法就简单介绍这里,用户如果精通JS可以做第二次开发处理,记得也给我发一份效果噢。

字号: | 推荐给好友

 

评分:0

我来说两句

seccode