仲間達の年賀状





ソース
このシステムは、全国の仲間が、個々のホームページサーバーに作った年賀状を、一つのページに呼び出して合成したものです。
浮動フレーム未対応のブラウザ(ネットスケープ4.7以下)では見られません。

nenga00.htm
<HTML> <HEAD> <TITLE>年賀状</TITLE> <META http-equiv=Content-Type content="text/html; charset=Shift_JIS"> <script language="javascript"> <!-- at_flg=1; mm=0; sw_na=new Array("自動","手動"); function sw(){ at_flg++;at_flg=at_flg%2; document.forms[0].at_sw.value=sw_na[at_flg]; document.nenga03.at(); } function chg(vv){ document.nenga03.at_chg(vv); } //--> </script> </HEAD> <body bgcolor=#ff0000 text=#000000 topmargin=1> <center><form> <table width=100%> <tr><th width=100> </th><th> <font size=6>仲間達の年賀状</font> </th><th width=20> <input type="button" value="<" onClick="chg(1)"> </th><th width=50> <input type="button" name="at_sw" value="手動" onClick="sw()"> </th><th width=20> <input type="button" value=">" onClick="chg(-1)"> </th></tr></table> <iframe name="nenga03" src="nenga01.htm" width=100% height=560></iframe> <br> <input type=hidden name="at_sw" value=""> </form>

menga01.htm
<HTML> <HEAD> <TITLE>年賀状</TITLE> <META http-equiv=Content-Type content="text/html; charset=Shift_JIS"> <script language="javascript"> <!-- dt=new Array(); n=0; //////////このデーター部分を自分の物に変更してください。///////// //年賀状のあるサーバー/フォルダー/ファイル n++;dt[n]="宮本幸雄,http://qpon.cool.ne.jp/nenga/2003/nenga03.htm"; n++;dt[n]="納谷佳世子,http://www3.ocn.ne.jp/~ohmegumi/nenga03.htm"; n++;dt[n]="辻 早苗,http://fry.cool.ne.jp/nenga.htm"; n++;dt[n]="杉村偕子,http://www.kisweb.ne.jp/personal/sugimura/nenga.htm"; n++;dt[n]="高橋(定年おじさん),http://www.katch.ne.jp/~m_taka/kigawr5/kigawr29.jpg"; n++;dt[n]="ひげおじん,http://fish.miracle.ne.jp/minamiya/nenga-q/index.htm"; n++;dt[n]="杉村陽一郎,http://www2.odn.ne.jp/yoichis/q_nenga03.html"; n++;dt[n]="進藤耕太郎,http://club.pep.ne.jp/~k.sindou/Z/nenga/2003.html"; n++;dt[n]="mitani,http://members31.cool.ne.jp/~mtntks/photo/nenga.html"; //////////////////////以下省略/////////////////////////////////// //初期設定 w=334;//一回の移動幅 spd=5000;//間歇スクロール間隔(ミリ秒) at_flg=0; rl=1; xx=0; //自動・手動切替 function at(){ if(at_flg==0){ at_sub(); at_flg=1; }else{ clearTimeout(tim); at_flg=0; } } //自動起動 function at_sub(){ at_loop(); tim=setTimeout("at_sub()",spd); } //スクロール function at_loop(){ xx=xx+w*rl; if(xx>n*325){xx=0;} if(xx<0){xx=n*325;} for(i=0;i<w;i=i+6){ window.scroll(xx+(i*rl),0); } } //進行方向切替 function at_chg(f){ rl=f; at_loop(); } //--> </script> </HEAD> <BODY bgcolor=#ffffff topmargin=0 leftmargin=0 onLoad="at()"> <table border=0><tr> <td><table height=520><tr> <script language="javascript"> <!-- //展示窓の作成とページのセット for(i=1;i<=n;i++){ dd=dt[i].split(","); document.write('<td align=center>'); document.write('<font size=5 face="MS 明朝"><b>',dd[0],'さん</b></font></br>'); document.write('<table border=1><tr><td>'); document.write('<iframe width=320 height=470 src="',dd[1],'" scrolling="no" frameborder=0>'); document.write('</iframe>'); document.write('</td></tr></table><br></td>\n'); } //スクリーンの横幅分重複させる for(i=1;i<=4;i++){ dd=dt[i].split(","); document.write('<td width=400 align=center>'); document.write('<font size=5 face="MS 明朝">',dd[0],'さん</font></br>'); document.write('<table border=1><tr><td>'); document.write('<iframe width=320 height=470 src="',dd[1],'" scrolling="no" frameborder=0>'); document.write('</iframe>'); document.write('</td></tr></table><br></td>\n'); } //--> </script> </tr></table> </BODY> </HTML>
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
URL:http://www2a.biglobe.ne.jp/~qpon/    バナー:還暦QPON