<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta name="Copyright" content="爱JavaScript中文网 http://www.ijavascript.cn/" />
<meta name="description" content="分享个人的JavaScript学习经历,做最好的JavaScript资料分享站点" />
<meta content="三款漂亮的js日历控件,爱JavaScript中文网" name="keywords" />
<title>三款漂亮的js日历控件演示 - 爱JavaScript中文网</title>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/calendar.rc4.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function() {
myCal1 = new Calendar({ date1: 'd/m/Y' }, { direction: 1, tweak: {x: 6, y: 0} });
myCal2 = new Calendar({ date2: 'd/m/Y' }, { classes: ['dashboard'], direction: 1, tweak: {x: 3, y: -3} });
myCal3 = new Calendar({ date3: 'd/m/Y' }, { classes: ['i-heart-ny'], direction: 1, tweak: {x: 3, y: 0} });
});
//]]>
</script>
<link rel="stylesheet" type="text/css" href="css/iframe.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/calendar.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/dashboard.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/i-heart-ny.css" media="screen" />
</head>
<BODY>
<h1>Style-able and semantic XHTML</h1>
<p>
I have tried to make Calendar as <strong>semantic</strong> as possible–with proper usage of <em>CAPTION, THEAD, TBODY, TH and TD</em> elements–and lots of <strong>CSS styling hooks</strong>. View the Calendar <a href="css/calendar.css" target="_blank">stylesheet</a> for examples of the <em>CSS</em>; see the <strong>Styling Your Calendar</strong> section in the Manual for references to the <em>XHTML</em>.
<code>
myCal1 = new Calendar({ date1: 'd/m/Y' }, { direction: 1, tweak: { x: 6, y: 0 }});<br />
myCal2 = new Calendar({ date2: 'd/m/Y' }, { classes: ['dashboard'], direction: 1 });<br />
myCal3 = new Calendar({ date3: 'd/m/Y' }, { classes: ['i-heart-ny'], direction: 1 });
</code>
</p>
<form action="/" class="long">
<fieldset>
<legend>Default styling</legend>
<label for="date1">Date</label>
<input id="date1" name="date1" type="text" />
</fieldset>
</form>
<form action="/">
<fieldset>
<legend>Alternate styling: dashboard</legend>
<label for="date2">Date</label>
<input id="date2" name="date2" type="text" />
</fieldset>
</form>
<form action="/">
<fieldset>
<legend>Alternate styling: i-heart-ny (experimental)</legend>
<label for="date3">Date</label>
<input id="date3" name="date3" type="text" />
</fieldset>
</form>
</BODY>
</HTML>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
js-calendar-473.zip (38个子文件)
css
calendar-next.gif 374B
i-heart-ny-next.png 1KB
dashboard-prev.gif 188B
i-heart-ny-jul.jpg 9KB
i-heart-ny-icon.gif 546B
i-heart-ny-oct.jpg 9KB
i-heart-ny-mar.jpg 11KB
i-heart-ny-invalid.gif 494B
i-heart-ny-apr.jpg 9KB
calendar-td.gif 498B
dashboard.png 2KB
calendar.css 3KB
i-heart-ny-sep.jpg 9KB
i-heart-ny-may.jpg 8KB
i-heart-ny-feb.jpg 6KB
i-heart-ny-dec.jpg 6KB
dashboard.css 2KB
dashboard-next.gif 188B
i-heart-ny-inactive.gif 378B
calendar-valid.gif 504B
calendar-hilite.gif 242B
iframe.css 2KB
i-heart-ny-nov.jpg 13KB
calendar.png 1KB
calendar-prev.gif 376B
i-heart-ny.png 18KB
i-heart-ny-jan.jpg 13KB
i-heart-ny-aug.jpg 5KB
i-heart-ny-active.gif 380B
i-heart-ny-jun.jpg 12KB
dashboard-icon.gif 406B
calendar-icon.gif 625B
i-heart-ny-prev.png 1KB
i-heart-ny.css 4KB
js
calendar.js 15KB
calendar.rc4.js 33KB
mootools.js 42KB
index.htm 3KB
共 38 条
- 1
资源评论
kaiwind
- 粉丝: 7
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功