สร้างสไลด์โชว์แบบแยกหมวดหมู่ย่อย ด้วย CSS และ JQUERY

Simple Multi-Item Slider


หลังจากหายไปพักใหญ่ครับวันนี้เราเลยมาเริ่มเรื่องของการใช้งาน css และ jquery ในการทำสไลด์โชว์แต่เป็นการใช้งานในส่วนของการโชว์สินค้าซึ่งจะเป็นการโชว์รายการแยกย่อยของสินค้าและสามารถแยกหมวดหมู่รายการในการแสดงได้เป็นอีกเทคนิคที่น่าสนใจครับลองดาวน์โหลดไปใช้งานได้เลยครับ

Continue reading สร้างสไลด์โชว์แบบแยกหมวดหมู่ย่อย ด้วย CSS และ JQUERY

สร้างปุ่มเลื่อนหน้าเว็บไซต์เก๋ๆ ด้วย jQuery

SliderPagination


หายไปนานครับกับเรื่องของการใช้ jQuery โดยวันนี้จะมาดูเรื่องของการทำ jQuery UI ซึ่งจะเป็นการสร้างสไลด์ในการเลื่อนหน้าเรามาลองนึกถึงถ้าเราจะสร้างเว็บไซต์หรือนิตยสารบนเว็บที่มีหลายๆหน้าถ้าจะทำให้เลื่อนไปที่ละหน้าก็คงจะลำบากในการอ่านเพราะถ้าผู้อ่านต้องการหน้าที่กระโดดไปเลยจะทำไงเราเลยเอามาแนะนำครับเป็นการเลื่อนๆสไสด์ที่ปุ่มและสามารถกระโดดข้ามไปแสดงในน่าที่ต้องการได้เลยเราลองมาดูกันเลย

Continue reading สร้างปุ่มเลื่อนหน้าเว็บไซต์เก๋ๆ ด้วย jQuery

แจกชุดใหญ่ส่งท้ายปี 2012 ไอคอนทำเว็บสวยมากมายกว่า 40 แบบ

icon

จัดหนักก่อนสิ้นปีกับไอคอนสำหรับใครที่ต้องการทำเว็บไซต์และมองหาไปคนสวยอยู่วันนี้เราเลยเอามาจัดเต็มให้กันเลยครับถือเป็นการส่งท้ายปีอยากชุดใหญ่กันเลยที่เดียว เป็นทั้งแบบไฟล์ PSD สามารถเอาไปแก้ไขตามการใช้งานได้ครับดาวน์โหลดกันไปเลยๆ 

Continue reading แจกชุดใหญ่ส่งท้ายปี 2012 ไอคอนทำเว็บสวยมากมายกว่า 40 แบบ

สร้างระบบการค้นหาแบบ Life Time ด้วย jQuery


เป็นการใช้ jQuery ในการสร้างระบบการค้นหาแบบ Life Time ซึ่งจุดเด่นจะเป็นการค้นหาคำที่ต้องการและจะทำไฮไลด์ข้อความเพื่อแสดงความเด่นชัดในการค้นหาโดยเราสามารถเพิ่มข้อมูลเข้าไปภายในหน้าเว็บได้อย่างไม่จำกัดระบบจะทำการค้นหาข้อมูลต่างๆที่อยู่ภายใน โดยเทคนิคนี้เราสามารถประยุคมาใช้งานกับระบบคันหาในเว็บไซต์ของเราเพื่อความรวดเร็วในการค้นหาของผู้ใช้งานได้อีกด้วยลองดูตัวอย่างกันเลย

Continue reading สร้างระบบการค้นหาแบบ Life Time ด้วย jQuery

เว็บไซต์สไตล์เรียบง่ายแบบ FULLSCREEN ด้วย jQuery ปลั๊กอิน BookBlock


ก่อนหน้านี้ที่เราเคยเอาปลั๊กอิน BookBlock ของ jQuery โดยการสร้างเว็บให้มีการเปิดหน้าต่างพลิกไปมาคล้ายกับสมุดรูปแบบนี้จะเน้นที่ส่วนของ content ที่อยู่ภายในส่วนที่น่าสนใจคือมีการเพิ่มรูเมนูที่สามารถเลื่อนไลน์ออกมาจากทางด้านข้างของจอที่น่าสนใจและรูปแบบในการอกกแบบที่ง่ายๆไม่ซับซ้อนมากมายจึงทำให้ดูน่าสนใจใครที่ต้องการทำเว็บแนวใหม่ที่น่าสนใจและแน้น content เป็นจุดสำคัญนั้นเอง แต่น่าเสียดายที่จะแสดงผลใน IE ได้ไม่สมบูรณ์

Continue reading เว็บไซต์สไตล์เรียบง่ายแบบ FULLSCREEN ด้วย jQuery ปลั๊กอิน BookBlock

สร้างโฟลเดอร์แบบเคลื่อนไหวเหมือน Mac OSX ด้วย CSS3


ได้เอามาแนะนำกันซักที่กับการวิธีการสร้างโฟลเดอร์ให้เหมือน Mac OSX โดยการใช้ css3 และ UI ของ jQuery เข้ามาทำงานร่วมกันโดยรูปแบบการทำงานจะเป็นแบบ 3D โดยการจัดการที่งานเมื่อเรานำเม้าไปลากสิ่งที่เราต้องการเก็บไว้ในงโฟลเดอร์ก็จะจัดเก็บเข้าไปงโฟลเดอร์และสามารถนับจำนวนไฟลืที่อยู่ในนั้นได้เป็นเทคนิคที่ทำให้เราเห็นการสร้างชิ้นงานด้วย css3 และ UI ของ jQuery ที่น่าสนใจอีกด้วย

Continue reading สร้างโฟลเดอร์แบบเคลื่อนไหวเหมือน Mac OSX ด้วย CSS3