日本語
<!-- 次のコードを <body> 領域に追加します --> <script language="JavaScript"> <!-- //この関数は、呼び出し中にクリックされるセルの onclick イベント内にのみ存在する必要があります。プロセス showme 関数を呼び出すだけです。 // function showme (obj1, obj2) この関数は主にクリックされたオブジェクトを強調表示し、moveme 関数を呼び出します。パラメータ obj1 は親 <div> タグの ID で、obj2 はクリックされたオブジェクト自体です。 / function moveme(obj) この関数はユニットの移動を決定し、対応する関数処理を呼び出します。 obj パラメータは親本体です。 // function moveup(obj, objtop) この関数はユニットを上に移動させます。親ボディ、objtop は親ボディそのものです。 // 関数 movedown (obj, objbuttom) この関数は、ユニットを下に移動します。パラメータ obj は親ボディで、objbuttom は親ボディ自体の最低の高さです。 = 22; // 各タイトルの高さ var bodyHeight = 160;/ /マトリックスの高さ var objcount = 6 // 項目の数を変更する場合は、この var step = 6 を忘れないでください。 ; //移動速度（bodyHeight-headHeightで割れることを確認してください。現在、オプション設定速度は1、2、3、6、23、138です） varmoving = false; item function showme(obj1, obj2) { //次のループはタイトルの背景色を変更します if (moving ) return; for(i=0;i<document.all.tags("td") ).length;i++) if (document.all.tags("td")[i].className.indexOf( 'headtd') == 0) document.all.tags("td")[i].className = 'headtd1'; obj2.className = 'headtd2'; } 関数 moveme(obj) { idnumber = parseInt(obj.id.substr(4)); bodyHeight + headHeight * (idnumber - 2); currenttop = parseInt(obj.style.top); if (currenttop >= objbuttom) { //上に移動する必要がある各レイヤーを確認します。 i<document.all.tags("div").length;i++) if (document.all.tags(" div")[i].id == 'item'+countid+'body') { obj = document. all.tags("div")[i]; objtop = headHeight * (countid - 1); if (countid = = idnumber) { moveup(obj,objtop,false) } else moveup(obj,objtop,true); ); countid++; } } else if ((currenttop <= objtop) && (idnumber < objcount)) { //下に移動する必要がある各レイヤーをチェックします。 ("div").length-1;i>=0;i--) if (document.all.tags ("div")[i].id == 'item'+countid+'body') { obj = document.all.tags("div")[i]; objbuttom = bodyHeight + headHeight * (countid == idnumber) { movedown(obj,objbuttom,false) }; ,objbuttom,true); } } } function moveup(obj,objtop,ismove) { currenttop = parseInt (obj.style.top) { obj.style.top = currenttop - ステップ; setTimeout('moveup('+obj.id+','+objtop+','+ismove+')',1 ) return; }<center> <script language="javascript"> 関数プレビュー() { bdhtml=window. document.body.innerHTML; sprnstr="<!-- endprint-->"; prnhtml.substring(0,prnhtml.indexOf(eprnstr)); window.document.body.innerHTML=prnhtml; //prnform.htext.value=prnhtml; alert(prnhtml); } </script> これらの内容は印刷されません<br> +++++ ++++++++++++++++++++++++ ++++++++++++++++++++++ ++++++++++ <center>この部分以降は印刷されません</center> <!- -startprint--> <table width="70%" align="center" bgcolor="#0000FF" cellpadding="2" cellpacing="1"> <tr bgcolor="#6699FF"> <td> <div align ="center">タイトル 1</div> </td> <td> <div align="center">タイトル 2</div> </td> <td> <div align="center">タイトル 3< /div> </td> <td> <div align="center">タイトル 4</div> </td> </tr> <tr bgcolor="#6699FF"> <td> </td> <td > </td> <td> </td> <td> </td> </tr> < /table> <!--endprint--> +++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++<br> これらのコンテンツは印刷されません。 <div align="center"> <input type="button" name="print" value="プレビューして印刷" onclick="プレビュー()"> </div> </center>
