正月いよいよ来ました。
ん~やっぱ寒いwww
今回は鏡餅の画像の下に文字を表示する
こんな感じになりますが・・・・
最終的にはこうなりますが・・・
こんな感じに文字が流れていきますねwww
プログラムはこんな感じです
<!DOCTYPE htm
l PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">
<!--
function topimg(){
setTimeout("document.tree.src='image3/鏡餅1.jpg'",5000);
}
com="今日は元旦 あけましておめでとうございます!!!";
number=1;
function topcom(){
if(number<=com.length){
document.form1.text1.value=com.substring(0,number);
number=number+1;
}
}
info="元旦 あけましておめでとうございます!!! ";
function topinfo(){
info=info.substring(1,info.length)+info.substring(0,1);
document.form1.text2.value=info;
}
-->
</script>
<title>新年</title>
</head>
<body onload="topimg();setInterval('topcom()',300);setInterval('topinfo()',500)">
<div class="honbun">
<h1><img src="image3/鏡餅完成.jpg" alt="mochi" ></h1>
<form name="form1">
<p><input type="text" size="40" value="" name="text1" style="border-width:0px"></p>
<p><input type="text" size="40" value="" name="text2"></p>
</form>
<p class="foot">
</div>
</body>
</html>
今年も記事を書いていきますがとりあえず1月はまとめとかになりそうですねwww
今年は良い年になりますように・・・・
ここまでご覧いただきありがとうございました。
BY マンタ