繁体中文
设为首页
加入收藏
当前位置:网站制作首页 >> JavaScript教程 >> DHTML制作有日期选择的文本框(二)

DHTML制作有日期选择的文本框(二)

2007-07-15 08:00:00  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
简介:  前面,我们讲到了如何制作一个下拉菜单,相信大家还记得我给出代码中的第一部分的代码,在这里,我们依然要使用到其中的许多函数。然后,我们要画好下面那样的界面,以及两个空层。   我们可以看一下演示 ...

  前面,我们讲到了如何制作一个下拉菜单,相信大家还记得我给出代码中的第一部分的代码,在这里,我们依然要使用到其中的许多函数。然后,我们要画好下面那样的界面,以及两个空层。

  我们可以看一下演示

  是不是很酷?这里,我要给出如果制作这个日历的代码和简要说明:来看看

  同样,我又把代码分成了两个部分,第一个部分是建造这个日历的核心部分,而第二个部分只不是调用第一部分中的代码。这里请大家注意:我以前也给过一段代码,那一段代码的第一部分在这里还要被使用。

如果你需要最终的代码,你可以点这里下载。

  最后,我再给出HTML中的描述。

  首先是被点击图片上的描述:

$#@60;INPUT name=ret size=10>

IMG align=absMiddle alt="date picker" border=0 height=19 id=daysOfMonthPos name=daysOfMonthPos

onmouseup="toggleDatePicker("daysOfMonth","date.ret")" src="http://soft.yesky.com/SoftChannel/72351167954485248/20001011/calendaricon.gif"

width=19>

  然后是需要被动态加入内容的两个空层(DIV):

$#@60;DIV id=daysOfMonth2 style="POSITION: absolute"$#@62;$#@60;/DIV$#@62;

  这就是全部的代码了。这是一个跨浏览器的程序,可以在IE4以上版和Netscape4以上版中正常工作!

  如果你对这方面的技术有兴趣,欢迎大家和我一起讨论。我的主页是:http://haoel.yeah.net/

责任编辑:admin
相关文章