开发教室
程序设计|Delphi|Java|C++|VB|.NET|Css|Js|PHP|ASP|MySQL|数据库|WEB开发|网页特效|视频
首页 > 开发教室 > 网站开发 > DHTML > 正文

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

2007-03-15 源自: 网友评论 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/

上一篇: DHTML制作有日期选择的文本框(一)
下一篇:DHTML技巧--中止网页的提交

评论  点击查看
 
开发频道推荐
开发热点文章