さんきゅう堂的_バックアップ
1分間隔アニメーション参考ページ
- Prev Page: 雲の様子 方向変更
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="各自設定項目" />
<link rel="stylesheet" href="styles.css" type="text/css" />
<title>24時～1時</title>
<!--▼ IE7でエラー無しでページを閉じる ▼-->
<SCRIPT LANGUAGE="JavaScript">
<!--
function WinCls(){
window.close()
}
//-->
</SCRIPT>
<!--▲ IE7でエラー無しでページを閉じる ▲-->
<!--▼ 善光寺平様から使用許可いただいたスクリプト ▼-->
<script type="text/javascript">
<!--
//変数の初期設定
var movKazu=60;
var imgNo=0;
var timeID=null;
var movSpeed;
if(navigator.appVersion.charAt(0)>=3)
{
movimg=new Array()
for(i=0;i<movKazu;i++){movimg[i] = new Image()}
movimg[0].src='history/today/0000.jpg';
movimg[1].src='history/today/0001.jpg';
movimg[2].src='history/today/0002.jpg';
movimg[3].src='history/today/0003.jpg';
movimg[4].src='history/today/0004.jpg';
movimg[5].src='history/today/0005.jpg';
movimg[6].src='history/today/0006.jpg';
movimg[7].src='history/today/0007.jpg';
movimg[8].src='history/today/0008.jpg';
movimg[9].src='history/today/0009.jpg';
movimg[10].src='history/today/0010.jpg';
movimg[11].src='history/today/0011.jpg';
movimg[12].src='history/today/0012.jpg';
movimg[13].src='history/today/0013.jpg';
movimg[14].src='history/today/0014.jpg';
movimg[15].src='history/today/0015.jpg';
movimg[16].src='history/today/0016.jpg';
movimg[17].src='history/today/0017.jpg';
movimg[18].src='history/today/0018.jpg';
movimg[19].src='history/today/0019.jpg';
movimg[20].src='history/today/0020.jpg';
movimg[21].src='history/today/0021.jpg';
movimg[22].src='history/today/0022.jpg';
movimg[23].src='history/today/0023.jpg';
movimg[24].src='history/today/0024.jpg';
movimg[25].src='history/today/0025.jpg';
movimg[26].src='history/today/0026.jpg';
movimg[27].src='history/today/0027.jpg';
movimg[28].src='history/today/0028.jpg';
movimg[29].src='history/today/0029.jpg';
movimg[30].src='history/today/0030.jpg';
movimg[31].src='history/today/0031.jpg';
movimg[32].src='history/today/0032.jpg';
movimg[33].src='history/today/0033.jpg';
movimg[34].src='history/today/0034.jpg';
movimg[35].src='history/today/0035.jpg';
movimg[36].src='history/today/0036.jpg';
movimg[37].src='history/today/0037.jpg';
movimg[38].src='history/today/0038.jpg';
movimg[39].src='history/today/0039.jpg';
movimg[40].src='history/today/0040.jpg';
movimg[41].src='history/today/0041.jpg';
movimg[42].src='history/today/0042.jpg';
movimg[43].src='history/today/0043.jpg';
movimg[44].src='history/today/0044.jpg';
movimg[45].src='history/today/0045.jpg';
movimg[46].src='history/today/0046.jpg';
movimg[47].src='history/today/0047.jpg';
movimg[48].src='history/today/0048.jpg';
movimg[49].src='history/today/0049.jpg';
movimg[50].src='history/today/0050.jpg';
movimg[51].src='history/today/0051.jpg';
movimg[52].src='history/today/0052.jpg';
movimg[53].src='history/today/0053.jpg';
movimg[54].src='history/today/0054.jpg';
movimg[55].src='history/today/0055.jpg';
movimg[56].src='history/today/0056.jpg';
movimg[57].src='history/today/0057.jpg';
movimg[58].src='history/today/0058.jpg';
movimg[59].src='history/today/0059.jpg';
};
function animation1(imgIndex)
{
if(navigator.appVersion.charAt(0)>=3)
{
if(imgNo<movKazu)
{
document.images[imgIndex].src=movimg[imgNo].src;
timeID=setTimeout("animation1("+imgIndex+")",movSpeed);
imgNo++;
}
else
{
clearTimeout(timeID)
};
};
};
<!---->
</SCRIPT>
<!--▲ 善光寺平様から使用許可いただいたスクリプト ▲-->
<!--▼ jQuery で Lightbox のように表示する ▼-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery-lightbox/css/jquery.lightbox-0.4.css" media="screen" />
<script type="text/javascript">
$(function() {
$('#anima a').lightBox();
});
</script>
<!--▲ jQuery で Lightbox のように表示する ▲-->
</head>
<!-- ▼アニメーションここから▼ -->
<hr />
<div align="center"><a href="index_2300.php">23～24時</a><< 24～1時 >><a href="index_0100.php">1～2時</a>
<br />
<br />
</div>
<p align="center" style="line-height: 200%; margin-top: 0; margin-botto3m: 0"><b><FONT COLOR="#ff4444" SIZE="4">
</font></b>
<IMG SRC="history/today/0000.jpg" NAME="img0" ALIGN=top width="320" height="240"><br />
</p>
<FORM>
<div align="center">
<INPUT TYPE="button" VALUE='アニメーション' onClick=" movSpeed=300;
Ail=0;//画像のインデックス番号(ここでは最初の画像だから0です)<br />
animation1(Ail)">
<br />
<font size="2" COLOR="#ffffff">↑<br />
</font>
<font size="2" COLOR="#000080">下記画像が全て取り込まれた後クリックしてください</font><br />
</div>
</FORM>
<p align="center"><a href="index_0000.php">リセット</a><br />
<font size="2" COLOR="#990000">↑<br />再度アニメーションを見る場合は、リセットをクリックして下さい。</font><br />
<br />
<A HREF="javascript:WinCls()">ウィンドウを閉じます。</A>
</p>
<div id="anima">
<div align="center">
<table align="center" dir="ltr" border="0" cellspacing="1">
<tr>
<td bgcolor="#aaaaaa"><a href="history/today/0000.jpg"><img src="history/today/0000.jpg" border="1" width="34" height="28"></a><br /><center>
00:00</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0001.jpg"><img src="history/today/0001.jpg" border="1" width="34" height="28"></a><br /><center>
00:01</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0002.jpg"><img src="history/today/0002.jpg" border="1" width="34" height="28"></a><br /><center>
00:02</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0003.jpg"><img src="history/today/0003.jpg" border="1" width="34" height="28"></a><br /><center>
00:03</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0004.jpg"><img src="history/today/0004.jpg" border="1" width="34" height="28"></a><br /><center>
00:04</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0005.jpg"><img src="history/today/0005.jpg" border="1" width="34" height="28"></a><br /><center>
00:05</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0006.jpg"><img src="history/today/0006.jpg" border="1" width="34" height="28"></a><br /><center>
00:06</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0007.jpg"><img src="history/today/0007.jpg" border="1" width="34" height="28"></a><br /><center>
00:07</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0008.jpg"><img src="history/today/0008.jpg" border="1" width="34" height="28"></a><br /><center>
00:08</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0009.jpg"><img src="history/today/0009.jpg" border="1" width="34" height="28"></a><br /><center>
00:09</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0010.jpg"><img src="history/today/0010.jpg" border="1" width="34" height="28"></a><br /><center>
00:10</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0011.jpg"><img src="history/today/0011.jpg" border="1" width="34" height="28"></a><br /><center>
00:11</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0012.jpg"><img src="history/today/0012.jpg" border="1" width="34" height="28"></a><br /><center>
00:12</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0013.jpg"><img src="history/today/0013.jpg" border="1" width="34" height="28"></a><br /><center>
00:13</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0014.jpg"><img src="history/today/0014.jpg" border="1" width="34" height="28"></a><br /><center>
00:14</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0015.jpg"><img src="history/today/0015.jpg" border="1" width="34" height="28"></a><br /><center>
00:15</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0016.jpg"><img src="history/today/0016.jpg" border="1" width="34" height="28"></a><br /><center>
00:16</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0017.jpg"><img src="history/today/0017.jpg" border="1" width="34" height="28"></a><br /><center>
00:17</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0018.jpg"><img src="history/today/0018.jpg" border="1" width="34" height="28"></a><br /><center>
00:18</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0019.jpg"><img src="history/today/0019.jpg" border="1" width="34" height="28"></a><br /><center>
00:19</center></td>
</tr>
<tr>
<td bgcolor="#aaaaaa"><a href="history/today/0020.jpg"><img src="history/today/0020.jpg" border="1" width="34" height="28"></a><br /><center>
00:20</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0021.jpg"><img src="history/today/0021.jpg" border="1" width="34" height="28"></a><br /><center>
00:21</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0022.jpg"><img src="history/today/0022.jpg" border="1" width="34" height="28"></a><br /><center>
00:22</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0023.jpg"><img src="history/today/0023.jpg" border="1" width="34" height="28"></a><br /><center>
00:23</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0024.jpg"><img src="history/today/0024.jpg" border="1" width="34" height="28"></a><br /><center>
00:24</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0025.jpg"><img src="history/today/0025.jpg" border="1" width="34" height="28"></a><br /><center>
00:25</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0026.jpg"><img src="history/today/0026.jpg" border="1" width="34" height="28"></a><br /><center>
00:26</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0027.jpg"><img src="history/today/0027.jpg" border="1" width="34" height="28"></a><br /><center>
00:27</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0028.jpg"><img src="history/today/0028.jpg" border="1" width="34" height="28"></a><br /><center>
00:28</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0029.jpg"><img src="history/today/0029.jpg" border="1" width="34" height="28"></a><br /><center>
00:29</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0030.jpg"><img src="history/today/0030.jpg" border="1" width="34" height="28"></a><br /><center>
00:30</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0031.jpg"><img src="history/today/0031.jpg" border="1" width="34" height="28"></a><br /><center>
00:31</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0032.jpg"><img src="history/today/0032.jpg" border="1" width="34" height="28"></a><br /><center>
00:32</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0033.jpg"><img src="history/today/0033.jpg" border="1" width="34" height="28"></a><br /><center>
00:33</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0034.jpg"><img src="history/today/0034.jpg" border="1" width="34" height="28"></a><br /><center>
00:34</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0035.jpg"><img src="history/today/0035.jpg" border="1" width="34" height="28"></a><br /><center>
00:35</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0036.jpg"><img src="history/today/0036.jpg" border="1" width="34" height="28"></a><br /><center>
00:36</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0037.jpg"><img src="history/today/0037.jpg" border="1" width="34" height="28"></a><br /><center>
00:37</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0038.jpg"><img src="history/today/0038.jpg" border="1" width="34" height="28"></a><br /><center>
00:38</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0039.jpg"><img src="history/today/0039.jpg" border="1" width="34" height="28"></a><br /><center>
00:39</center></td>
</tr>
<tr>
<td bgcolor="#aaaaaa"><a href="history/today/0040.jpg"><img src="history/today/0040.jpg" border="1" width="34" height="28"></a><br /><center>
00:40</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0041.jpg"><img src="history/today/0041.jpg" border="1" width="34" height="28"></a><br /><center>
00:41</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0042.jpg"><img src="history/today/0042.jpg" border="1" width="34" height="28"></a><br /><center>
00:42</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0043.jpg"><img src="history/today/0043.jpg" border="1" width="34" height="28"></a><br /><center>
00:43</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0044.jpg"><img src="history/today/0044.jpg" border="1" width="34" height="28"></a><br /><center>
00:44</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0045.jpg"><img src="history/today/0045.jpg" border="1" width="34" height="28"></a><br /><center>
00:45</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0046.jpg"><img src="history/today/0046.jpg" border="1" width="34" height="28"></a><br /><center>
00:46</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0047.jpg"><img src="history/today/0047.jpg" border="1" width="34" height="28"></a><br /><center>
00:47</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0048.jpg"><img src="history/today/0048.jpg" border="1" width="34" height="28"></a><br /><center>
00:48</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0049.jpg"><img src="history/today/0049.jpg" border="1" width="34" height="28"></a><br /><center>
00:49</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0050.jpg"><img src="history/today/0050.jpg" border="1" width="34" height="28"></a><br /><center>
00:50</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0051.jpg"><img src="history/today/0051.jpg" border="1" width="34" height="28"></a><br /><center>
00:51</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0052.jpg"><img src="history/today/0052.jpg" border="1" width="34" height="28"></a><br /><center>
00:52</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0053.jpg"><img src="history/today/0053.jpg" border="1" width="34" height="28"></a><br /><center>
00:53</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0054.jpg"><img src="history/today/0054.jpg" border="1" width="34" height="28"></a><br /><center>
00:54</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0055.jpg"><img src="history/today/0055.jpg" border="1" width="34" height="28"></a><br /><center>
00:55</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0056.jpg"><img src="history/today/0056.jpg" border="1" width="34" height="28"></a><br /><center>
00:56</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0057.jpg"><img src="history/today/0057.jpg" border="1" width="34" height="28"></a><br /><center>
00:57</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0058.jpg"><img src="history/today/0058.jpg" border="1" width="34" height="28"></a><br /><center>
00:58</center></td>
<td bgcolor="#aaaaaa"><a href="history/today/0059.jpg"><img src="history/today/0059.jpg" border="1" width="34" height="28"></a><br /><center>
00:59</center></td>
</tr>
</div><!-- <div align="center"> -->
</div><!-- <div id="anima"> -->
</center>
</table>
<!-- ▲アニメーションここまで▲ -->
</body>
</html>