ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptอยากทำ Sidebar ด้านข้าง แบบโชว์ซ่อนได้เวลาเอาเม้าส์ไปวางโดน ใช้ตัวไหนได้บ้างครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: อยากทำ Sidebar ด้านข้าง แบบโชว์ซ่อนได้เวลาเอาเม้าส์ไปวางโดน ใช้ตัวไหนได้บ้างครับ  (อ่าน 472 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
~@^Mr.Pepo^@~
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 179
ออฟไลน์ ออฟไลน์

กระทู้: 1,285



ดูรายละเอียด เว็บไซต์
« เมื่อ: 10 กุมภาพันธ์ 2016, 14:42:33 »

อยากทำ Sidebar ด้านข้าง แบบโชว์ซ่อนได้เวลาเอาเม้าส์ไปวางโดน ใช้ตัวไหนได้บ้างครับ
ตัวอย่างเหมือนเว็บนี้อะครับ http://www.thaimazdacx5club.com/index.php ที่กล่องเฟสบุ๊คด้านขวามือ เวลาเอาเม้าส์ไปวางมันจะเลื่อนออกมา เอาเมาส์ออกก็จะเลื่อนเก็บไป

พอดีจะนำมาประยุกต์เป็นใส่กล่องแชทติดบอร์ดอะครับ (บอร์ด smf)

ขอบคุณมากครับ
« แก้ไขครั้งสุดท้าย: 10 กุมภาพันธ์ 2016, 14:42:47 โดย ~@^Mr.Pepo^@~ » บันทึกการเข้า

Click>>ทำอาหาร   |  อาหาร . . .
First Zoal :ขายให้ได้วันละชิ้นขึ้นไป
BakKheab
สมุนแก๊งเสียว
*

พลังน้ำใจ: 65
ออฟไลน์ ออฟไลน์

กระทู้: 725



ดูรายละเอียด
« ตอบ #1 เมื่อ: 11 กุมภาพันธ์ 2016, 02:43:14 »

ผมลองเขียน CSS แบบง่าย ๆ ลองไปประยุกต์ดูครับ
http://codepen.io/bakkieab/pen/EPGWKM
บันทึกการเข้า
polarisz13
คนรักเสียว
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 125



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 11 กุมภาพันธ์ 2016, 08:52:05 »

Semantic-UI ในส่วนของ Sidebar กับ Sticky น่าจะช่วยได้ครับ ปรับเรื่อง Events นิดหน่อยจะ Mouse click เป็น Mouse Over หรือ Mouse Enter แทนครับ ^^
http://semantic-ui.com/modules/sidebar.html#/examples

แต่ Codepen ของท่านด้านบนก็น่าจะใช้ได้เช่นกันครับ ^^
« แก้ไขครั้งสุดท้าย: 11 กุมภาพันธ์ 2016, 08:55:11 โดย polarisz13 » บันทึกการเข้า



รถมือสอง - ซื้อขายแลกเปลี่ยนรถมือสอง
ออกแบบเว็บไซต์ - พัฒนาและออกแบบเว็บไซต์ด้วยทีมงานคุณภาพ ราคามาตรฐาน
หน้า: [1]   ขึ้นบน
พิมพ์