<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>xxx</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('.ball').click(function(){ $('.ball').removeClass('active'); $(this).addClass('active'); }); $('.number').click(function(){ $('.active').html($(this).text()); }); }); </script> <style> body{ background-color:#000; } .ball{ background-color: #ffffff; border-radius: 50%; height: 27px; margin-left:5px; text-align:center; width: 27px; float:left; } .active{ border:2px solid #F00; } .clear{ clear:both; } </style> </head> <body> <div class="ball"></div> <div class="ball"></div> <div class="ball"></div> <div class="clear"></div> <hr> <button class="number">1</button> <button class="number">2</button> <button class="number">3</button> <button class="number">4</button> <button class="number">5</button> <button class="number">6</button> <button class="number">7</button> <button class="number">8</button> <button class="number">9</button> <button class="number">10</button> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 04
