首 页  –  网络编程    数据库    网页设计工具   网页脚本语言    美术设计理论    服务器技术
· 网店模板
· 设为首页
· 收藏本网
当前位置: 首页> 网页脚本语言> CSS教程> div+css制作的网页日期选择器


div+css制作的网页日期选择器

    以前的日历选择器都是用table制作的,现在都是div+css时代了,这两天就重写了一个日历选择器。
    主要特点如下:
用div 定位;
用li生成表格;
HTML代码非常简洁;
div+css制作的网页日期选择器

外观也非常简洁;

div+css制作的网页日期选择器

有一个config.js文件配置一些初始化值或字典;
只需要简单配置,可支持中文或英文等多种语言。
年的可选范围可以配置。
年的菜单的长度可以配置。
今天按钮直接在页面上,这样可以不用打开日历选择器后,还要单击鼠标。
输入框输入yyyyMMdd也可以解析。
因为IE6和IE7不支持DOM的setAttribute方法,决定抛弃IE6和IE7以下浏览器,支持新的浏览器。
在IE8和firefox下测试ok,opera和chrome没测过。
下载:webriqu.rar

Tags:div+css制作的网页日期选择器
上一篇文章:编写CSS代码时样式命名常用规则
下一篇文章:CSS3.0参考手册(中文版)
阅读热门榜
最新更新
网页设计大本营 版权所有
武动乾坤 斗破苍穹2 傲视遮天 link 美团贵阳团购网
Copyright ®2008 Www.Code-123.Com All Rights Reserved