JS+CSS结合的3款JS日历控件绝对漂亮资源-CSDN文库

共39个文件

gif：13个

jpg：12个

png：5个

日历控件

1星需积分: 18 147 浏览量 2008-12-31 11:49:24 上传评论收藏 173KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

3款JS日历控件绝对漂亮.rar （39个子文件）

codefans.net

Calendar_move

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

Thumbs.db 7KB

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

calendar.js 15KB

calendar.rc4.js 33KB

mootools.js 42KB

index.html 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gbk" /> <title>Style-able and semantic XHTML › Calendar: a Javascript class for Mootools_2png.cn</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>; <a href="http://www.codefans.net/">Codefans.net</a> 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>

评论收藏

内容反馈