PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

用div+css技术生成的日历选择器

用div+css技术生成的日历选择器

来源:互联网  作者:  发布时间:2009-09-01
以前的日历选择器都是用table制作的,现在都是div+css时代了,

以前的日历选择器都是用table制作的,现在都是div+css时代了,这两天就重写了一个日历选择器。

主要特点如下:

用div 定位;

用li生成表格;

HTML代码非常简洁;

外观也非常简洁;

有一个config.js文件配置一些初始化值或字典;

只需要简单配置,可支持中文或英文等多种语言。

年的可选范围可以配置。

年的菜单的长度可以配置。

今天按钮直接在页面上,这样可以不用打开日历选择器后,还要单击鼠标。

输入框输入yyyyMMdd也可以解析。

因为IE6和IE7不支持DOM的setAttribute方法,决定抛弃IE6和IE7以下浏览器,支持新的浏览器。

在IE8和firefox下测试ok,opera和chrome没测过。

下载: /Files/eric812/Ecalendar.rar

原文地址:http://www.cnblogs.com/eric812/archive/2009/08/31/Ecalendar.html


延伸阅读:
div+css:tab风格导航
CSS+DIV实现的表单效果
ie6.0下div 不能实现1px 高度的几种解决方法
用DIV+js模拟的一个下拉菜单(select)
用javascript 添加 删除div
让div中内容不换行的二种方法
DIV垂直居中的办法
学DIV+CSS技术,如何入门?
DIV+CSS网页布局及网站设计常犯错误
Tags: div   css   技术   日历   日历   生成   技术   配置   IE7   浏览器   C   css技术   DIV+CSS   选择器  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号