BlogGang.com : : -`๏'- MeIKha : -`๏'- จัดระเบียบด้วย Jump Menu (เมนูทางลัด)

-`๏'- จัดระเบียบด้วย Jump Menu (เมนูทางลัด)

❖ จัดระเบียบด้วย 'Jump Menu' ❖

'Jump Menu' ที่นำเสนอนี้ ก็คือ Menu ที่เห็นอยู่ทางด้านขวามือของท่าน (Menu : Music และMv) ลักษณะการใช้งานจะเป็นการเปลี่ยน Blog ใหม่ไปตามข้อมูลที่ได้เลือก

เริ่มจากสคริปของ 'Jump Menu' รูปแบบจะแบ่งแยกเป็นสองส่วน

ส่วนที่หนึ่งให้นำไปเก็บไว้ที่ส่วนของ
<head>........</head> คือส่วนของ Script Area นั่นเอง

ส่วนที่สองให้นำไปเก็บไว้ที่ส่วนของ
<body>........</body> คือส่วนของ Profile นั่นเอง

❖ ส่วนที่หนึ่ง ❖

❖ ส่วนที่สอง ❖

<form name="music" WIDTH:234>
<select name="playlist" size="1" onchange="MM_jumpMenu('parent',this,0)" style="FONT-SIZE: 8pt; font:Arial; BACKGROUND:#feff99; WIDTH:234; COLOR:#2F4F4F; border:1; AutoSize:false;">
<option style="color:#FFFFFF;background-color:#FF0000">►►►►►► Music ◄◄◄◄◄◄</option>
<option value='... URL 1 ...' target=_top>Song 1</option>
<option value='... URL 2 ...' target=_top>Song 2</option>
<option value='... URL 3 ...' target=_top>Song 3</option>
<option value='... URL 4 ...' target=_top>Song 4</option>
</select>
</form>

❖ ส่วนที่สองมีรายละเอียดดังนี้ ❖
• <form name="music" ตั้งชื่อ form ตามแต่ต้องการ (ไม่มีผลต่อการทำงานของสคริป)
• WIDTH:234 กำหนดความกว้างของตัว form หรือตัว Jump Menu
• <select name="playlist" ตั้งชื่อตามต้องการอีกเหมือนกัน (ไม่มีผลต่อการทำงานของสคริป)
• style="FONT-SIZE: 8pt; font:Arial; BACKGROUND:#feff99; WIDTH:234; COLOR:#2F4F4F; border:1; AutoSize:false;" คุณลักษณะของตัว 'Jump Menu' สามารถเปลี่ยนแปลงแก้ไขได้ เช่น
     - FONT-SIZE: 8pt; ขนาดของฟ้อนท์
     - font:Arial; รูปแบบหรือสไตล์ฟ้อนท์
     - BACKGROUND:#feff99; สีพื้น
     - WIDTH:234; ความกว้างของเมนู
     - COLOR:#2F4F4F; สีของฟ้อนท์
     - border:1; กำหนดเส้นขอบ (ถ้าไม่ต้องการ ให้ใส่ค่าเป็น border:0;)
     - AutoSize:false; มีให้เลือกสองค่าระหว่าง false กับ true
: ส่วนของ style จะไม่ใช้ก็ได้ (ลบส่วนแถบสีม่วงทั้งหมดออก) ตัว Jump Menu ก็จะใช้ค่ามาตราฐานทั่วไป :
• <option value='... URL 1 ...' target=_top> ลิ้งค์ที่ใช้ก็คือ Blog ที่เราอ้างอิงถึง
• Song 1 รายการในเมนู

: ตัวอย่าง!! :

หมายเหตุ.- ตัวอย่างที่แสดงข้างบนเป็นเพียงให้ดูรูปแบบเท่านั้น ไม่ได้เซตให้ใช้งานได้จริง หากต้องการทดสอบประสิทธิภาพที่แท้จริง ให้ทดสอบที่ Menu ด้านข้างขวา/font>

เพลง : อย่าไปคิด
ศิลปิน : ติ๊ก ชีโร่

Create Date : 02 ธันวาคม 2548

Last Update : 7 มกราคม 2549 21:17:24 น.

10 comments

Counter : 1899 Pageviews.

เปิดกล่องคอมเม้นแย้วอะ คิดถึงน้องไหมจ้า อิอิ คิดถึงเจ้าไดโนซอตัวฟ้าด้วยอะ จาเอาไปชุปแป้งทอด

โดย: อินทรีทองคำ

วันที่: 2 ธันวาคม 2548 เวลา:22:10:08 น.

รอมานาน ....

ระหว่างรอก็หัดทำกรอบไปพลางๆ อิอิ
คุณปลาจากินไดโนซอชุบแป้งทอดซะแล้ว

โดย: Petit Patty

วันที่: 3 ธันวาคม 2548 เวลา:0:23:43 น.

อธิบายได้ละเอียดดีครับ

รู้สึกว่าผมจะได้ไอเดียจากที่นี่นะตอนผมไปขอร้องให้อีกคนนึงช่วย จำไม่ได้แล้ว แต่ไปทำเป็นเฟรนลิงค์ไป

โดย: noom_no1

วันที่: 3 ธันวาคม 2548 เวลา:2:22:07 น.

ขอบคุณค่ะ
เก่งมากเลยค่ะ ♥
อธิบายได้ชัดเจน ใช้ง่าย ทำง่าย ยอดเยี่ยมค่ะ
ชมจากใจ

โดย: แหม่มswiss ♥ IP: 84.73.51.49 วันที่: 3 ธันวาคม 2548 เวลา:7:06:01 น.

ข้างบนนี้เค้าบอกทำง่ายอะน้องไหม
แต่พี่ยังไม่ได้ลองเลยจะ ตั้งกำแพงว่ายากไว้ก่อนอะ

เดี๋ยวไว้ว่างๆหัดทำจะ

โดย: อินทรีทองคำ

วันที่: 3 ธันวาคม 2548 เวลา:9:36:37 น.

คิดถึงน้องไหมอะ อิอิ
พี่ยังไม่ได้อ่านเรยจะ น้องไหมรู้แกวไปซะหมด อิอิ

อยากให้น้องไหมมาอยู่ใกล้ๆอะ

โดย: อินทรีทองคำ

วันที่: 3 ธันวาคม 2548 เวลา:21:40:13 น.

เพิ่งเข้ามาดู
อันนี้ กล๊วย กล้วย

รู้สึกคุ้นๆ ยังไงก้อม่ายรู๊
ว่ามีใครคนหนึ่งจับมือสอนมา

โดย: นู๋ส้มจุก

วันที่: 7 ธันวาคม 2548 เวลา:14:43:41 น.

น่าสนใจทำมักๆ นะ แต่ เกรงว่ามันจะโหลดช้าหรือป่าวไม่รู้อ่ะ

ไว้จะทดลองทำนะคะ ขอบคุณค่า

โดย: เกดจัง

วันที่: 26 ธันวาคม 2548 เวลา:13:52:17 น.

ขอถามนะคะ

พอดีไปลองทำ jump menu ตามที่คุณ -`๏'- MeIKha ว่าไว้

เมนูขึ้น แต่พอเลือกแล้ว มันไม่ไปตาม url ที่เขียนไว้อ่ะค่ะ

ช่วยแนะนำให้ทีสิคะ

ขอบคุณค่ะ

โดย: เลขาตัวซน

วันที่: 22 กุมภาพันธ์ 2549 เวลา:0:59:05 น.

ลองแล้วมันไม่ไปตามที่คุณทำเลยอ่ะครับ รบกวนช่วยแนะนำหน่อยคราบ

โดย: นายนิรันดร์

วันที่: 27 กุมภาพันธ์ 2549 เวลา:18:51:46 น.