<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="default.css" /> <style> .hr3 {border:none; border-bottom:1px solid #7c7a7a; border-top:1px solid #7c7a7a; clear:both; height:0; line-height:0; max-width:100%; font-size:0; padding:0 ;} .B1{ border: 1px solid black;} #SizeFullDD{min-height: 300px; } .sizeDetailDD{width: 1000px;min-height: 300px;} #p_b5{ padding-bottom: 5px;} .left{ float: left;} .clear{clear:both;} .CT2 {margin-left: auto;margin-right: auto;} .SizeFullDD2{ display: inline;} a{}#SizeFullDD2{ display: inline;} #menutopbot1{ padding-left:21px; padding-top: 13px; } .menutopbot{ width:1366px; min-height: 50px; color: black; } .menutb{ padding-left:790px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> </head> <body> <div class="menutopbot"> <div class=""> <div class="menutb left p_b5"></div> <div id="menutopbot1" class=" left p_b5" ><a href="#" class="link" data-link="first" >คอลเลคชั่น</a></div> <div id="menutopbot1" class=" left p_b5"><a href="#" class="link" data-link="second">บำรุงผิวหน้า</a></div> <div id="menutopbot1" class=" left p_b5"><a href="#" class="link" data-link="third">น้ำหอม</a></div> <div id="menutopbot1" class=" left p_b5"><a href="#" >บำรุงผิวกาย & อาบน้ำ</a></div> <div id="menutopbot1" class=" left p_b5"><a href="#" >บำรุงผิว</a></div> <div id="menutopbot1" class=" left p_b5"><a href="#" >ใหม่ !</a></div> <div id="menutopbot1" class=" left p_b5"><a href="#" >ของขวัญ</a></div> <div id="menutopbot1" class=" left p_b5"><a href="#" >ลูกค้าชื่นชอบ</a></div> <div class="clear"></div> </div> <div class="FullDD" data-link="first"> <div class="hr3"></div> <div id="SizeFullDD" class=" CT2"> <div class="sizeDetailDD B1 CT2"> </div> </div> <div class="hr3"></div> </div> <div class="FullDD" data-link="second"> <div class="hr3"></div> <div id="SizeFullDD" class=" CT2"> <div class="sizeDetailDD B1 CT2"> </div> </div> <div class="hr3"></div> </div> <div class="FullDD" data-link="third"> <div class="hr3"></div> <div id="SizeFullDD" class=" CT2"> <div class="sizeDetailDD B1 CT2"> </div> </div> <div class="hr3"></div> </div> </div> <script type="text/javascript"> $('.FullDD').hide(); $('.link').hover(function() { $('.FullDD').hide(); $('.FullDD[data-link=' + $(this).data('link') + ']').fadeIn({ width: '200px' }, 10); }); </script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 03
