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

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

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

ดูตามรูป เอามาจากเว็บ 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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<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 ตัวอย่าง

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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 ตัวอย่าง

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!--ควรกำหนดไว้ด้านบน ต่อจากแท็กเปิด 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







สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet
หรือ
Terms of Service | Privacy Policy
Author
2025 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ