ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: ~@^Mr.Pepo^@~ ที่ 10 กุมภาพันธ์ 2016, 14:42:33



หัวข้อ: อยากทำ Sidebar ด้านข้าง แบบโชว์ซ่อนได้เวลาเอาเม้าส์ไปวางโดน ใช้ตัวไหนได้บ้างครับ
เริ่มหัวข้อโดย: ~@^Mr.Pepo^@~ ที่ 10 กุมภาพันธ์ 2016, 14:42:33
อยากทำ Sidebar ด้านข้าง แบบโชว์ซ่อนได้เวลาเอาเม้าส์ไปวางโดน ใช้ตัวไหนได้บ้างครับ
ตัวอย่างเหมือนเว็บนี้อะครับ http://www.thaimazdacx5club.com/index.php ที่กล่องเฟสบุ๊คด้านขวามือ เวลาเอาเม้าส์ไปวางมันจะเลื่อนออกมา เอาเมาส์ออกก็จะเลื่อนเก็บไป

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

ขอบคุณมากครับ


หัวข้อ: Re: อยากทำ Sidebar ด้านข้าง แบบโชว์ซ่อนได้เวลาเอาเม้าส์ไปวางโดน ใช้ตัวไหนได้บ้างครับ
เริ่มหัวข้อโดย: BakKheab ที่ 11 กุมภาพันธ์ 2016, 02:43:14
ผมลองเขียน CSS แบบง่าย ๆ ลองไปประยุกต์ดูครับ
http://codepen.io/bakkieab/pen/EPGWKM


หัวข้อ: Re: อยากทำ Sidebar ด้านข้าง แบบโชว์ซ่อนได้เวลาเอาเม้าส์ไปวางโดน ใช้ตัวไหนได้บ้างครับ
เริ่มหัวข้อโดย: polarisz13 ที่ 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 ของท่านด้านบนก็น่าจะใช้ได้เช่นกันครับ ^^