<a href="#" onclick="toggle_visibility('foo');"> <div id="img" class="togglebg" ><img src="images/homeupdate/homebuton.jpg" width="37" height="37" class="img-swap"/> </div></a> <div id="foo">This is foo</div> <script type="text/javascript"> <!-- function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } //--> </script>
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="jquery-1.6.2.min.js" type="text/javascript"></script> <style type="text/css"> .togglebg { background-image: url(images/images/bghead.png); height: 38px; width: 900px; background-repeat: no-repeat; } </style> <script type="text/javascript"> $(document).ready(function(){ $(".slidingDiv").hide(); $("#btn-swap").show(); $("#btn-swap").click(function(){ $('.img-swap').each(function(){ if($(this).hasClass('on')){ this.src = this.src.replace("_on","_off"); } else { this.src = this.src.replace("_off","_on"); } $(this).toggleClass("on"); }); $(".slidingDiv").slideToggle(); }); }); </script> </head> <body> <a href="#" id="btn-swap" > <div class="togglebg"><img src="images/img_on.png" width="37" height="37" class="img-swap" /> </div></a> <div id="foo" style="display:none" class="slidingDiv">This is foo</div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 05
Load balance : Server 05
