ภาษาไทย
<!-- เพิ่มโค้ดต่อไปนี้ลงในพื้นที่ <body>--> <script language="JavaScript"> <!-- //ฟังก์ชันนี้จะต้องอยู่ในเหตุการณ์ onclick ของเซลล์เท่านั้นจึงจะคลิกในระหว่างการโทรได้ กระบวนการ เพียงเรียกใช้ฟังก์ชัน showme // ฟังก์ชั่น showme (obj1, obj2) ฟังก์ชันนี้เน้นวัตถุที่ถูกคลิกเป็นหลักและเรียกใช้ฟังก์ชัน moveme พารามิเตอร์ obj1 คือ id ของแท็กพาเรนต์ <div> และ obj2 คือวัตถุที่ถูกคลิกนั้นเอง / / function moveme(obj) ฟังก์ชันนี้กำหนดการเคลื่อนที่ของหน่วยและเรียกใช้การประมวลผลฟังก์ชันที่เกี่ยวข้อง พารามิเตอร์ obj คือเนื้อหาหลัก // ฟังก์ชัน moveup(obj, objtop) ฟังก์ชันนี้ทำให้หน่วยเลื่อนขึ้น พารามิเตอร์ obj คือ parent body และ objtop คือ parent body ความสูงสูงสุด // function movedown (obj, objbuttom) ฟังก์ชันนี้จะย้ายหน่วยลงด้านล่าง พารามิเตอร์ obj คือ parent body และ objbuttom คือความสูงต่ำสุดของ parent body = 22; // ความสูงของแต่ละชื่อ var bodyHeight = 160;/ /Matrix height var objcount = 6; // หากคุณต้องการเปลี่ยนจำนวนรายการ อย่าลืมขั้นตอนนี้ = 6 ; // ความเร็วในการเคลื่อนที่ (โปรดยืนยันว่าสามารถหารด้วย 'bodyHeight-headHeight' ได้ ซึ่งปัจจุบันความเร็วการตั้งค่าที่เป็นตัวเลือกคือ 1, 2, 3, 6, 23, 138) var การเคลื่อนที่ = false; // ไม่ว่าจะมีการเคลื่อนไหวหรือไม่ ฟังก์ชั่นรายการ showme(obj1, obj2) { //การวนซ้ำต่อไปนี้คือการเปลี่ยนสีพื้นหลังของชื่อเรื่อง if (moving ) return; moving = true; 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) { //ตรวจสอบแต่ละเลเยอร์ที่ควรเลื่อนขึ้นไป countid = 1; 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) { ย้ายขึ้น (obj, objtop, เท็จ); ); countid++; } } else if ((currenttop <= objtop) && (idnumber < objcount)) { //ตรวจสอบออกจากแต่ละเลเยอร์ที่ควรย้ายลง idnumber++; ("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 - 2); if (countid == idnumber) { ย้ายลง (obj, objbuttom, เท็จ } อื่น ๆ ย้ายลง (obj ,objbuttom,จริง); countid--; ; setTimeout('moveup('+obj.id+','+objtop+','+ismove+')',1 ) return; <center> <script language="javascript"> แสดงตัวอย่างฟังก์ชัน () { bdhtml=window. document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!-- endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); prnhtml.substring(0,prnhtml.indexOf(eprnstr)); window.document.body.innerHTML=prnhtml; //prnform.htext.value=prnform.submit(); alert(prnhtml); } </script> เนื้อหาเหล่านี้จะไม่ถูกพิมพ์<br> +++++ +++++++++++++++++++++++ ++++++++++++++++++++++ ++++++++++ <center>ส่วนนี้ขึ้นไปจะไม่พิมพ์</center> <!- -startprint--> <table width="70%" align="center" bgcolor="#0000FF" cellpadding="2" cellspacing="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="Preview and print" onclick="preview()"> </div> </center>