tsystem = { calendar : { init : function(event){ var html = '
'; html += '
'; html += '

　2012年1月　>>

'; html += ''; html += ' '; html += '
日 月 火 水 木 金 土
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31



'; html += '
'; html += '
'; html += '

<<　2012年2月　>>

'; html += ''; html += ' '; html += '
日 月 火 水 木 金 土



1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29


'; html += '
'; html += '
'; html += '

<<　2012年3月　

'; html += ''; html += ' '; html += '
日 月 火 水 木 金 土




1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
'; html += '
'; html += '
'; $('div#calendar').html(html); var d = new Date(); switch(d.getMonth() +1){ case 2: $('div#calendarBox').css('margin-left', '-200px'); break; case 3: $('div#calendarBox').css('margin-left', '-400px'); break; } }, scroll : function(event, v) { $('div#calendarBox').animate({"marginLeft": v}, "slow"); return false; } } } $(function(){ tsystem.calendar.init(); });