ขอโคดเมนู แบบนี้(มีรูปให้ดูข้างใน)"ขอความช่วยเหลือ"

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ขอโคดเมนู แบบนี้(มีรูปให้ดูข้างใน)"ขอความช่วยเหลือ"

ขอโคดเมนู แบบนี้(มีรูปให้ดูข้างใน)"ขอความช่วยเหลือ"

ดูตามรูป เอามาจากเว็บ http://www.iindyz.com/iindyz/
หรือเว็บนี้ http://www.webthaidd.com/
เมนูข้างขวา..ที่มันเลือนได้อ่ะ

ผมลองไล่ดูแล้ว..ทำได้แต่ไม่สมบูรณมันเลือนอยู่..แต่ผมบังคับมันไปอยู่ด้านขวาไม่ได้..มันอยู่แต่ด้านซ้าย
จึงอยากขอให้ผู้ที่รู้ และมีประสบการช่วย
ส่งโคดตัวอย่างให้หน่อย..
หรือไฟล์ตัวอย่างก็ได้..เด๋วผมจะมาไล่แก้ไขดัดแปลงลงเว็บผมต่ออีกที

ขอบคุณมาณะที่นี้ด้วยนะครับ..
ช่วยผมหน่อยนะค๊าบ..tawanc2005@hotmail.com

ลายตาไปหมดแล้ว



Tawanc2005 26-10-2009 13:49:27

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1



tawanc2005 26-10-2009 14:25
 ความคิดเห็นที่ 2

 ลองดูโค้ดในหัวข้อ

https://www.ninenik.com/สร้างป้ายโฆษณาเลื่อนตามจอภาพ_ด้วย_jquery_ได้ในไม่กี่บรรทัด-149.html

เปลี่ยนข้อมูลภายในจากตัวอย่างเป็น รูปภาพ และลิ้ง ก็ลองเปลี่ยนเป็นรูปแบบ อย่างรูปที่ให้มา



ninenik 27-10-2009
 ความคิดเห็นที่ 3

Javascript Code

<script src="http://www.google.com/jsapi" type="text/javascript"></script>  
<script type="text/javascript">  
google.load("jquery", "1.3.2");  
</script>  
<script type="text/javascript">  
var name = "#menuFloat";   
var locateY= null;    
$(function(){  
    locateY=parseInt($(name).css("top").replace("px",""));  
    $(window).scroll(function(){  		
        offset=locateY+$(document).scrollTop()+"px";  		
		if($("input#LockMenu").attr("checked")==false){
			$(name).css("position","absolute");	
			$(name).animate({top:offset},{duration:700,queue:false});  
		}else{
			// เมื่อเมนูเลื่อนถูกล็อก กำหนด css ให้เมนูเลื่อน
			$(name).css({
			"position":"fixed",
			"top":150
			});
		}
    }); 
	 
});  
</script>  

CSS Code ตัวอย่าง

<style type="text/css">  
div#ContainFloat{
	float:right;
	display:block;
	width:150px;
	margin-right:0px;
}
ul#menuFloat{  
    position:absolute;  
	padding:0px;
	margin:0px;
	list-style:none;
    width:150px;  
    display:block;  
    top:150px;  
}  
ul#menuFloat li{
	padding:0px;
	margin:0px;
	list-style:none;
}
</style>  

HTML Code ตัวอย่าง

<!--ควรกำหนดไว้ด้านบน ต่อจากแท็กเปิด body-->
<div id="ContainFloat">
<ul id="menuFloat">
<li> Menu 1</li>
<li> Menu 2</li>
<li> Menu 3</li>
<li> Menu 4</li>
<li> Menu 5</li>
<li> Menu 6</li>
<li>
  <input name="LockMenu" type="checkbox" id="LockMenu" value="1" /> 
  Lock
</li>
</ul>
</div>


ninenik 27-10-2009
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ