[新着] Webテンプレートを仮オープンしました
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<script type="text/javascript">
<!--
window.onload = function()
{
var msg = new Array();
var marq = document.getElementById("marquee");
for(var ix = 1; ix <= 31; ix++)
msg[ix] = ix + "日目です。";
marq.replaceChild(document.createTextNode(msg[(new Date()).getDate()]), marq.firstChild);
setMarquee(marq, 1);
}
function setMarquee(element, speed)
{
//エレメント取得。
if( typeof(element) == "string" || element instanceof String )
var marq = document.getElementById(element);
else
var marq = element;
//領域外非表示、折り返しなし。
marq.style.overflow = "hidden";
marq.style.whiteSpace = "nowrap";
//内側のエレメントを全て収納する。
var filterInline = document.createElement("span");
while( marq.hasChildNodes() )
filterInline.appendChild(marq.firstChild);
marq.appendChild(filterInline);
//最小値、最大値測定。
var minLeft = marq.offsetLeft - filterInline.offsetWidth;
var maxLeft = marq.offsetLeft + marq.offsetWidth;
//内部の位置指定を相対に変更。
filterInline.style.position = "relative";
//初期位置を設定。
if( speed < 0 )
var positionLeft = minLeft;
else
var positionLeft = maxLeft;
moveElement();
//移動関数
function moveElement()
{
positionLeft -= speed;
if( positionLeft < minLeft )
positionLeft = maxLeft;
if( positionLeft > maxLeft )
positionLeft = minLeft;
filterInline.style.left = positionLeft + "px";
setTimeout(moveElement, 10);
}
}
// -->
</script>
<title>non-title</title>
</head>
<body>
<div id="marquee" style="width:300px;">デフォルトで表示する文字列。</div>
</body>
</html>//最小値、最大値測定。 var minLeft = 0 - filterInline.offsetWidth; var maxLeft = marq.offsetWidth;
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title></title>
</head>
<body>
<script type="text/javascript">
<!--
function dailyMarquee(){
var msg = new Array();
thisday = new Date();
today = thisday.getDate();
msg[1] = "<B>1日</B>のメッセージ"
msg[2] = "<B>2日</B>のメッセージ"
msg[3] = "<B>3日</B>のメッセージ"
msg[4] = "<B>4日</B>のメッセージ"
msg[5] = "<B>5日</B>のメッセージ"
msg[6] = "<B>6日</B>のメッセージ"
msg[7] = "<B>7日</B>のメッセージ"
msg[8] = "<B>8日</B>のメッセージ"
msg[9] = "<B>9日</B>のメッセージ"
msg[10] = "<B>10日</B>のメッセージ"
msg[11] = "<B>11日</B>のメッセージ"
msg[12] = "<B>12日</B>のメッセージ"
msg[13] = "<B>13日</B>のメッセージ"
msg[14] = "<B>14日</B>のメッセージ"
msg[15] = "<B>15日</B>のメッセージ"
msg[16] = "<B>16日</B>のメッセージ"
msg[17] = "<B>17日</B>のメッセージ"
msg[18] = "<B>18日</B>のメッセージ"
msg[19] = "<B>19日</B>のメッセージ"
msg[20] = "<B>20日</B>のメッセージ"
msg[21] = "<B>21日</B>のメッセージ"
msg[22] = "<B>22日</B>のメッセージ"
msg[23] = "<B>23日</B>のメッセージ"
msg[24] = "<B>24日</B>のメッセージ"
msg[25] = "<B>25日</B>のメッセージ"
msg[26] = "<B>26日</B>のメッセージ"
msg[27] = "<B>27日</B>のメッセージ"
msg[28] = "<B>28日</B>のメッセージ"
msg[29] = "<B>29日</B>のメッセージ"
msg[30] = "<B>30日</B>のメッセージ"
msg[30] = "<B>31日</B>のメッセージ"
if (!document.all){}
else{
document.write('<marquee scrollAmount="6" style="width:400">'+(msg[(new Date()).getDate()])+'</marquee>')
}
}
window.onload= dailyMarquee();
// -->
</script>
</body>
</html>if (!document.all){}if (!document.all){}if (!document.all){return;}<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title></title>
<script type="text/javascript">
var msg = new Array();
var thisday = new Date();
var today = thisday.getDate();
msg[1]="1日です"
msg[2]="2日です"
msg[3]="3日です"
msg[4]="4日です"
//ずっと続くので省略
msg[20]="20日です"
msg[21]="22日です"
msg[22]="きょうメッセージです。見えますか？ "
msg[23]="23日です "
//ずっと続くので省略
msg[29]="29日です"
msg[30]="30日です"
msg[31]="31日です"
var msg = msg[today]; // メッセージ内容
var speed = 300; // スクロールのスピード（1に近いほど速く）
var move = 2; // スクロールのなめらかさ（1に近いほどなめらかに）
function disp(){
msg = msg.substring(move, msg.length) + msg.substring(0, move);
document.f1.mrq.value = msg;
setTimeout("disp()", speed);
}
</script>
</head>
<body onload="disp()">
<div>
<form name="f1"><input type="text" name="mrq" size="60"></form>
</div>
</body>
</html>