<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <script language="javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(function(){ function drag_me(name){ $(name).css({ position:"absolute", cursor:"move" }); $(name).mousedown(function(event){ var locateX=event.pageX; var locateY=event.pageY; var obj_locateX=$(this).offset().left; var obj_locateY=$(this).offset().top; var diff_x=locateX-obj_locateX; var diff_y=locateY-obj_locateY; $(this).css("opacity",0.3).mousemove(function(event){ locateX=event.pageX; locateY=event.pageY; obj_locateX=$(this).offset().left; obj_locateY=$(this).offset().top; new_locateX=locateX-diff_x;; new_locateY=locateY-diff_y; $(this).css({ left:new_locateX, top:new_locateY }).bind("mouseup mouseout",function(){ $(this).css("opacity",1); $(this).unbind("mousemove"); }); }); }); } // การใช้งาน กำหนด selector วัตถุที่ต้องการ // ในตัวอย่างคือ div ที่มี id เท่ากับ myblock drag_me("div#myblock"); }); </script> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td class="bg-l" height="200" width="20%"></td> <td> <table width="" border="0" align="center" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF; border:#DBDBDB solid 1px;"> <tr> <td colspan="2" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td style="background-image:url(http://www.dtec.ac.th/dtec/dtecmovement/headerimg.jpg); height:200px"><img width="960" height="320" /></td> </tr> <tr> <td> <div class="rowbg2" style="background-image:url(http://www.thainepta.com/images/bg-nav.png); height:27px"> <a href="http://www.dtec.ac.th">หน้าหลัก</a> |<a href="http://www.dtec.ac.th/index.php?option=com_content&view=article&id=46&Itemid=53">ประวัติวิทยาลัย</a>|<a href="http://www.dtec.ac.th/index.php?option=com_content&view=article&id=47&Itemid=54"> วิสัยทัศน์</a>| <a href="http://www.dtec.ac.th/dtec/boss/ceo.htm">คณะผู้บริหาร</a>| <a href="http://www.dtec.ac.th/dtec/presonal/personnel.html">บุคลากร</a> | <a href="http://www.v-cop.net/useradmin/index.php">บันทึกข้อมูล V-COP</a> | <a href="http://www.v-cop.net/">หางาน สมัครงาน|</a> <a href="http://boc.vec.go.th/">ความร่วมมือกับสถานประกอบการ</a> |</div> </td> </tr> </table> </td> </tr> <tr> <!-- Menu Left --> <td valign="top"> <!-- Contents --> <table width="950" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top"> </td> </tr> <tr> <td valign="top"> </td> </tr> <tr> <td valign="top"> <div id="contents" style="min-height:500px"> <input type="hidden" name="id" value="35" /> <table border="0" cellpadding="4" cellspacing="1" align="center" width="700"> <tr> <td bgcolor="#FFCCFF"><h3> <center> <p align="center" class="style12"><br /> สาขาวิชาคอมพิวเตอร์ธุรกิจ<br /> ตามโครงการจัดหาผู้เชี่ยวชาญ ผู้ชำนาญการด้านภาษาต่างประเทศ<br /> และกลุ่มอาชีพมาถ่ายทอดความรู้และประสบการณ์ </p> </center> </h3> </td> </tr> </table> <br> <table width="753" height="425" border="0" align="center" cellpadding="4" cellspacing="1" id="gallery"> <tr> <td width="134"> <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px"> <a href='image/thrum/1.JPG'class="thickbox"> <img src="image/image/1.JPG" width="120" height="120" border="0" align="middle"/> </a><p class="TableHeadingCalendar"> </div> </td> <td width="1"> <td width="134"> <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px"> <a href='image/thrum/2.JPG'class="thickbox"> <img src="image/image/2.JPG" width="101" height="116" border="0" align="middle"/> </a><p class="TableHeadingCalendar"> </div> </td> <td width="1"> <td width="134"> <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px"> <a href='image/thrum/3.JPG'target="_blank"class="thickbox"> <img src="image/image/3.JPG" width="120" height="124" border="0" align="middle"/> </a> </div> </td> <td width="1"> <td width="134"> <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px"> <a href='image/thrum/4.JPG'target="_blank"class="thickbox"> <img src="image/image/4.JPG" width="120" height="122" border="0" align="middle"/> </a> </div> </td> <td width="1"> <td width="131"> <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px"> <a href='image/thrum/5.JPG'target="_blank"class="thickbox"> <img src="image/image/5.JPG" width="120" height="123" border="0" align="middle"/> </a> </div>
<link media="screen" rel="stylesheet" href="colorbox.css" /> 05. <script type="text/javascript" src="scripts/jquery.min.js"></script> 06. <script type="text/javascript" src="colorbox/jquery.colorbox.js"></script> 07. <script type="text/javascript">
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
