前面,我们讲到了如何制作一个下拉菜单,相信大家还记得我给出代码中的第一部分的代码,在这里,我们依然要使用到其中的许多函数。然后,我们要画好下面那样的界面,以及两个空层。
我们可以看一下演示
是不是很酷?这里,我要给出如果制作这个日历的代码和简要说明:来看看
同样,我又把代码分成了两个部分,第一个部分是建造这个日历的核心部分,而第二个部分只不是调用第一部分中的代码。这里请大家注意:我以前也给过一段代码,那一段代码的第一部分在这里还要被使用。
如果你需要最终的代码,你可以点这里下载。
最后,我再给出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/
上一篇: DHTML制作有日期选择的文本框(一)
下一篇:DHTML技巧--中止网页的提交