ขอโคดเมนู แบบนี้(มีรูปให้ดูข้างใน)"ขอความช่วยเหลือ"
ขอโคดเมนู แบบนี้(มีรูปให้ดูข้างใน)"ขอความช่วยเหลือ"
โดย: Tawanc2005
IP: 110.164.236.xxx
วันที่: 26-10-2009
เวลา: 13:49:27
ดูตามรูป เอามาจากเว็บ http://www.iindyz.com/iindyz/
หรือเว็บนี้ http://www.webthaidd.com/
เมนูข้างขวา..ที่มันเลือนได้อ่ะ

ผมลองไล่ดูแล้ว..ทำได้แต่ไม่สมบูรณมันเลือนอยู่..แต่ผมบังคับมันไปอยู่ด้านขวาไม่ได้..มันอยู่แต่ด้านซ้าย
จึงอยากขอให้ผู้ที่รู้ และมีประสบการช่วย
ส่งโคดตัวอย่างให้หน่อย..
หรือไฟล์ตัวอย่างก็ได้..เด๋วผมจะมาไล่แก้ไขดัดแปลงลงเว็บผมต่ออีกที
ขอบคุณมาณะที่นี้ด้วยนะครับ..
ช่วยผมหน่อยนะค๊าบ..tawanc2005@hotmail.com
ลายตาไปหมดแล้ว
ความคิดเห็นที่ 3
โดย: Ninenik
IP: 124.120.164.xxx
วันที่: 27-10-2009
เวลา: 10:16:37
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>
ความคิดเห็นที่ 2
โดย: Ninenik
IP: 124.120.164.xxx
วันที่: 27-10-2009
เวลา: 09:27:09
ลองดูโค้ดในหัวข้อ
http://www.ninenik.com/สร้างป้ายโฆษณาเลื่อนตามจอภาพ_ด้วย_jquery_ได้ในไม่กี่บรรทัด-149.html
เปลี่ยนข้อมูลภายในจากตัวอย่างเป็น รูปภาพ และลิ้ง ก็ลองเปลี่ยนเป็นรูปแบบ อย่างรูปที่ให้มา
