อยากทำเมนูแบบเอาเมาส์ไปวางก็แสดงเมนูขึ้นมาอ่ะคับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา อยากทำเมนูแบบเอาเมาส์ไปวางก็แสดงเมนูขึ้นมาอ่ะคับ

อยากทำเมนูแบบเอาเมาส์ไปวางก็แสดงเมนูขึ้นมาอ่ะคับ

อยากทำเมนูแบบเว็บนี้อ่ะคับ
http://meriada.modernwebtemplates.com/
ทำยังไงอ่ะ รบกวนช่วยด้วยนะคับ ขอบคุณล่วงหน้าคับผม ^^

Frameve 101.108.7.xxx 30-01-2015 13:54:01

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

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

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Facebook

ล็อกอินด้วย Twitter

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

ninenik 171.96.43.xxx 30-01-2015

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

อยากทำเมนูให้เป็นแบบเว็บที่ให้ดูอ่ะคับ ที่มันจะเป็น กล่อง 4 เหลี่ยม แล้วมีขีด 3 ขีด อ่ะคับ พอคลิ้กแล้วมันจะแสดงเมนูขึ้นมาอ่ะคับ ถ้าไม่กด เมนูก้อจะไม่แสดงอ่ะคับ

frameve 101.108.7.xxx 30-01-2015 14:10

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

เป็นการซ่อน แสดงธรรมดา แต่รูปแบบขึ้นแต่กับว่าเราจะไปประยุกต์เพิ่มเติม

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    #my_toggle_menu{
        margin:auto;width:50px;height:50px;cursor:pointer;background:red; 
    }
    #my_top_menu{
        margin:auto;width:100%;height:100px;background:#000;display:none; 
    }
    </style>
</head>
<body>
  
<div id="my_toggle_menu"></div>    
<div id="my_top_menu"></div>    
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>   
<script type="text/javascript">
$(function(){
    $("#my_toggle_menu").on("click",function(){
        $("#my_top_menu").toggle();
    });
});
</script>
</body>
</html>

ninenik 171.96.43.xxx 30-01-2015

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

ขอบคุณมากๆคับ ที่ช่วยแนะนำคับ

frameve 101.108.7.xxx 30-01-2015 14:27

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน