webタグ

小窓でホームページを見る <IFRAME WIDTH="700" HEIGHT="150" SRC="http://www.livly.com/mypage.php?uid=0rCy&s=1" SCROLLING="AUTO"> </IFRAME>
リンクはTOP<http://01aa.bufsiz.jp/>でお願いします。タグは全て<BODY>●●●</BODY>内に入れてね。
バウンドする文字タグclick 文字の「サイズ・色」の所を、自分の好きな様に変更して下さいね。コピー＆ペーストで作動します。 <body>~</body>間に入れてくださいね。
タイプ式文字一度お試しあれ！クリックタイプ式文字タグ　文字を自由に変えてくださいね。 <style type="text/css" media="screen"><!-- #layer1 { background-color: #8b4513; position: absolute; top: 5px; left: 6px; width: 410px; height: 59px; visibility: visible; display: block } --></style></head> <body bgcolor="#8b4513"> <div id="layer1"> <div align="center"> <style type="text/css"> <!-- .Style1{ position: absolute; top: 50px; left: 50px; font-size: 36pt; font-weight: bold; color: #0000ff; } #iL1 { position: absolute; top: 50px; left: 50px; visibility: visible; display: block } --> </style> <script language="javascript" type="text/javascript"> <!-- //ブラウザのバージョンチェック var brw_v = navigator.appVersion.charAt(0); var brw_n = navigator.appName.charAt(0); var iIE4 = false; var iNN4 = false; if((brw_v >= 4)&&(brw_n == "M"))iIE4 = true; if((brw_v >= 4)&&(brw_n == "N"))iNN4 = true; var actT = 500; //表示速度：速＝小 Comments = "タイピング風文字タグだぞ!!"; //表示する文字列 var Word = 0; var Count = -1; var Char = ""; function Init(){ if(iIE4){ lay = document.all("iL1"); } if(iNN4){ lay = document.layers["iL1"]; } Word = Comments.length; SelectedChar(); } function SelectedChar(){ if(Count <= Word){ Count++; Char += Comments.charAt(Count); Writer(); setTimeout("SelectedChar()",Math.random()*actT); } } function Writer(){ if(iIE4){ lay.innerHTML = Char; } if(iNN4) { lay.document.open(); lay.document.write("<DIV CLASS='Style1'>"+Char+"<\/DIV>"); lay.document.close(); } } // --> </script> </head> <body onload="Init()"> <DIV CLASS="Style1" ID="iL1"></DIV>
マウス乗せてみてバックの色がかわるよ。マウスを乗せると色が変わるよ。 <script language="javascript" type="text/javascript"> <!-- var col=new Array(); col[1]="#0000ff"; //マウス通過時のフォントカラー col[2]="#000000"; //マウス非通過時のフォントカラー col[3]="#f0f0ff"; //マウス通過時の背景色 col[4]="#ffffff"; //マウス非通過時の背景色 function Mover(){ window.event.srcElement.style.color = col[1]; window.event.srcElement.style.background = col[3]; } function Mout(){ window.event.srcElement.style.color = col[2]; window.event.srcElement.style.background = col[4]; } // --> </script> </head> <body> <P onmouseover="Mover()" onmouseout="Mout()">マウス乗せてみてバックの色がかわるよ。</P> <script language="javascript" type="text/javascript"> <!-- function yenconv(frm){ var tmp = frm.vin.value; if(!isNaN(tmp)){ tmp = Math.round(tmp); str1 = String(tmp); str2 = ""; len = str1.length; j = 0; for(i = (len-1); i >= 0; i--){ j++; z = str1.substr(i,1); str2 = z + str2; a = j; b = 3; while(a >= b){ a -= b; } if(i != 0 && a == 0) str2 = "," + str2; } tmp = "\\" + str2; }else{ tmp = ""; alert("数値を入力して下さい"); } frm.vout.value = tmp; } // --> </script> <body> <form> <input type="text" name="vin" size="20"> <input type="button" value="　→　" onclick="yenconv(this.form);"> <input type="text" name="vout" size="20"><br> 数値を入力すると通貨表記に変換します。 </form>
数値を入力すると通貨表記に変換します。通貨表記に変換タグ　数値を入力すると通貨表記に変換します。 <script language="javascript" type="text/javascript"> <!-- function yenconv(frm){ var tmp = frm.vin.value; if(!isNaN(tmp)){ tmp = Math.round(tmp); str1 = String(tmp); str2 = ""; len = str1.length; j = 0; for(i = (len-1); i >= 0; i--){ j++; z = str1.substr(i,1); str2 = z + str2; a = j; b = 3; while(a >= b){ a -= b; } if(i != 0 && a == 0) str2 = "," + str2; } tmp = "\\" + str2; }else{ tmp = ""; alert("数値を入力して下さい"); } frm.vout.value = tmp; } // --> </script> </head> <body> <form> <input type="text" name="vin" size="20"> <input type="button" value="　→　" onclick="yenconv(this.form);"> <input type="text" name="vout" size="20"><br>数値を入力すると通貨表記に変換します。 </form>
新しいウィンドウを開く <BODY> <FORM> <INPUT type ="button" value = "新しいウィンドウを開く" onClick = "window.open('newwindow.html','NewWindow');"> </FORM> </BODY>
強制的にウインドーを閉じる。クリック <body><form><input type ="button" value ="ウィンドウを閉じる" onclick ="window.close();"></form></body></html>
文字があがっていくよ！文字　height・width　サイズ等、変更してください <marquee direction = "UP" bqcolor = "#99ff66" height="103" width ="231" >文字があがっていくよ！</marquee>
文字が左にいくよ！文字　height・width　サイズ等、変更してください <marquee direction = "LEFT" bqcolor = "#99ff66" height="103" width ="231" >文字が左にいくよ！</marquee>
文字がさがっていくよ！文字　height・width　サイズ等、変更してください <marquee direction = "down" bqcolor = "#99ff66" height="103" width ="231" >文字がさがっていくよ！</marquee>
文字が右にいくよ！文字　height・width　サイズ等、変更してください <marquee direction = "RIGHT" bqcolor = "#99ff66" height="103" width ="231" >文字が右にいくよ！</marquee>
下のステータスバーのように、スクロールしますぞ。タグclick
面白スクロール？なんてね＾＾。タグclick
文字に影があらわれるよ。タグclick
かけ算・割算・計算機です。まずタグclick
jacascriptの日付けと時間 <script language="javascript" type="text/javascript"> <!-- var d_Now = new Date(); var d_Year = d_Now.getYear(); var d_Mon = d_Now.getMonth() + 1; var d_Day = d_Now.getDate(); var d_Week = d_Now.getDay(); var d_Hour = d_Now.getHours(); var d_Min = d_Now.getMinutes(); var W = new Array(7); W[0] = "Sun"; W[1] = "Mon"; W[2] = "Tue"; W[3] = "Wed"; W[4] = "Thr"; W[5] = "Fri"; W[6] = "Sat"; if(d_Hour < 10){ d_Hour = "0"+d_Hour; } if(d_Min < 10){ d_Min = "0"+d_Min; } document.write("現在："+d_Year+"年"+d_Mon+"月"+d_Day+"日("+W[d_Week]+") "+d_Hour+":"+d_Min) // --> </script>
文字にマウスあてるとコメントがでるよ。タグclick
流れるマウスストーカー。タグclick 画像を全てコピーして使用。circle●●.png名変えないでね。
泡がふわふわと上がっていくよ。タグclick ダウンロードして同じフォルダーにいれてね。
流れるマウスストーカー四角。タグclick
文字をマウスでドラッグ＆ドロップ。タグclick
十字カーソルだよ試してめてね。タグclick
文字が寄るよ試してみてね。タグclick
フェードイン＆アウト楽しいよ！タグclick