ทำ jquery ให้คลิกแล้วจอค่อย ๆ เลื่อนไปยังจุดที่ต้องการทำยังไงครับ

พอดีมีโอกาสได้ไปเจอลูกเล่นจากหลายเวบ และกำลังศึกษา jQuery นะครับเลยได้มาถามบ่อย หวังว่าคงจะไม่รบกวนนะครับอาจารย์

http://www.prestashop.com/demo/music-ipods/2-ipod-shuffle.html

จากลิงค์นี้นะครับพอคลิกที่ ลิงค์ MoreDetail แล้วจะค่อยๆ ขยับไปที่ MoreInfo ข้างล่าง

มันจะค่อย ๆ ขยับครับไม่ทราบว่าใช้ฟังก์ชั่นอะไรครับ (ถ้า html ธรรมดามันจะไม่ค่อย ๆ เลื่อนครับ)

ปล.ครับ อยากให้อาจารย์แนะนำด้วยครับ ถ้าอยากเก่ง ๆ jquery ต้องศึกษาจากที่ไหนบ้างครับ ขอบคุณครับ

น่าจะเป็นการใช้งาน plugin ของ jQuery ที่ชื่อ scrollTo
ตัวอย่างที่มีการใช้งาน
http://demos.flesler.com/jquery/scrollTo/
ส่วนวิธีการใช้งานลองดูตามลิ้งค์นี้ดู
http://flesler.blogspot.com/2007/10/jqueryscrollto.html

หรือลองดูเพิ่มเติมใน google
http://www.google.com/#hl=en&source=hp&q=jquery scrollto&aq=f&aqi=g6g-s1g3&aql=&oq=&gs_rfai=&fp=5fb7b9d62dad216f

ถ้าอยาก เก่ง jQuery แนะนำที่ www.jquery.com คู่มือภาษาอังกฤษ ค่อยๆ อ่านไป อันไหนงง ให้ข้ามไปก่อน
โดย แต่ละฟังก์ชันที่เขาให้มา สามารถประยุกต์ใช้ได้หมด
เริ่มต้นให้รู้แค่ว่า jQuery สามารถทำในสิ่งที่เราต้องการได้ไหม
จากนั้นไปดูคู่มือว่ามีคำสัง ฟังก์ชัน หรือวิธีการไหน ที่สามารถทำได้ หรือนำมาประยุกต์ได้
ยังไงก็ดี อย่าลืมว่าจะมี คนเก่ง นำ jQuery มาดัดแปลง และประยุกต์ใช้ บางอย่างก็ตรงสำหรับ ที่เราจะนำมาแก้ปัญหา บางอย่างก็เอามาประยุกต์ได้ เช่น พวก plugin ต่างๆ เป็นต้น

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